深刻浅出JavaScript:面向对象编程之对象

理解对象

每个对象都是基于引用类型建立的。工具

一个对象就是一个属性集合,并拥有一个独立的prototype(原型)对象。
这个prototype能够是一个对象(所谓它的原型对象)或者null(原型链终点)。spa

栗子:foo,两个明显的自身属性(x,y)和一个隐含的__proto__属性,这个属性是对foo
原型对象的引用:prototype

Paste_Image.png

对象做为数据类型

JavaScript 的对象能够做为哈希表使用,主要用来保存命名的键与值的对应关系。
使用对象的字面语法{}能够建立一个简单对象。这个新建立的对象从Object.prototype继承下面,没有任何自定义属性。设计

var foo = {}; // 一个空对象
// 一个新对象,拥有一个值为12的自定义属性'test'
var bar = {test: 12};

访问属性

有两种方式来访问对象的属性,点操做符或者中括号操做符。code

var foo = {name: 'kitten'}
foo.name; // kitten
foo['name']; // kitten
var get = 'name';
foo[get]; // kitten
foo.1234; // SyntaxError
foo['1234']; // works

两种语法是等价的,可是中括号操做符在下面两种状况下依然有效对象

  • 动态设置属性继承

  • 属性名不是一个有效的变量名ip

在 JSLint 语法检测工具中,点操做符是推荐作法。原型链

删除属性

删除属性的惟一方法是使用 delete操做符;
设置属性为 undefined或者null并不能真正的删除属性,而仅仅是移除了属性和值的关联。字符串

var obj = {    
    bar: 1,    
    foo: 2,    
    baz: 3
};
obj.bar = undefined;
obj.foo = null;
delete obj.baz;
for(var i in obj) {    
if (obj.hasOwnProperty(i)) {        
    console.log(i, '' + obj[i]);
    }
}

上面的输出结果有 bar undefined和 foo null
只有baz被真正的删除了,因此从输出结果中消失。

属性名的语法

var test = {    'case': 'I am a keyword so I must be notated as a string',    delete: 'I am a keyword too so me' // 出错:SyntaxError};

对象的属性名可使用字符串或者普通字符声明。可是因为 JavaScript 解析器的另外一个错误设计,上面的第二种声明方式在ECMAScript5以前会抛出SyntaxError的错误。

这个错误的缘由是delete是JavaScript语言的一个关键词;所以为了在更低版本的 JavaScript 引擎下也能正常运行, 必须使用字符串字面值声明方式。

JavaScript 中全部变量均可以看成对象使用,除了两个例外null和undefined

提问!!! 数字能够做文对象来使用吗? 2.toString();会输出什么???

特殊的栗子
一个常见的误解是数字的字面值(literal)不能看成对象使用。
这是由于 JavaScript 解析器的一个错误, 它试图将点操做符解析为浮点数字面值的一部分。

2.toString(); // 出错:SyntaxError

有不少变通方法可让数字的字面值看起来像对象。

2..toString(); // 第二个点号能够正常解析
2 .toString(); // 注意点号前面的空格
(2).toString(); // 2先被计算
相关文章
相关标签/搜索