文章目录
- 一.理解对象
- 1.属性和特性的关系
- 2.方法
一.理解对象
每个对象都是基于一个引用类型创建的。
1.属性和特性的关系
可以理解为属性是你在对象中定义的键,如name,age之类的,而特性是属性的属性。
特性是为了实现JavaScripst引擎用的,因此在JavaScript中不能直接访问它们。特性是内部值,放在两对方括号中,例如[[Enumerable]]。
ECMAScript中有两种属性:数据属性和访问器属性。
1.数据属性
• [[[Configurable]]:表示能否通过delete 删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为访问器属性。直接在对象上定义的属性该特性默认值为true。
• [[ Enumerable]]:表示能否通过for-in循环返回属性。直接在对象上定义的属性该特性默认值为true。
• [ [writable]]:表示能否修改属性的值。直接在对象上定义的属性该特性默认值为true。
-[ [value]]:包含这个属性的数据值。读取属性值的时候,从这个位置读;写入属性值的时候把新值保存在这个位置。直接在对象上定义的属性该特性默认值为undefined。2.访问器属性(一对getter和setter函数)
在读取访问器属性时,会调用getter 函数,这个函数负责返回有效的值;在写入访问器属性时,会调用setter函数并传人新值,这个函数负责决定如何处理数据。访问器属性有如下4个特性:• [[Configurable]]:表示能否通过delete 删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为数据属性。对于直接在对象上定义的属性,这个特性的默认值为true。
• [[ Enumerable]]:表示能否通过for-in 循环返回属性。对于直接在对象上定义的属性,这个特性的默认值为true。
• [[Get] ]:在读取属性时调用的函数。默认值为undefined。
• [[set]]:在写入属性时调用的函数。默认值为undefined.
访问器属性不能直接定义,必须通过Object.defineProperty()来定义
var book = {
_year : 2004, //year前面的下划线是一种常用的记号,用于表示只能通过对象方法访问的属性
edition: 1
};
0bject.defineProperty (book,"year" , {
get : function () {
return this._year;
},
set : function (newValue) {
if (newValue > 2004){
this._year = newValue;
this.edition += newValue - 2004;
}
}
};
book.year = 2005;
alert(book.edition) ; //2
2.方法
- Object.defineProperty():修改属性默认的特性。接受三个参数(属性所在的对象,属性的名字,一个描述符对象)。其中描述符对象的属性必须是Configurable、Enumerable、writable、value,设置其中的一个或多个值,可以修改对应的特性值。调用该方法时,如果不指定,那四个特性的默认值都是false
let person = {};
Object.defineProperty(person,"name",{
writable:false,
value:Nicholas
})
alert(person.name); //Nicholas
person.name="Greg";
alert(person.name); //Nicholas
注意:一旦把属性定义为不可配置的,即Configurable为false,就不能再把它变回可配置了,此时再调用Object.defineProperty()方法修改除writable以外的特性,都会导致错误
- Object.defineProperties():为对象定义多个属性。接收两个对象参数,第一个对象是要添加和修改其属性的对象,第二个对象的属性与第一个对象中要添加或修改的属性一一对应
- object.getOwnPropertyDescriptor():取得给定属性的描述符。接收连个参数,属性所在的对象和要读取其描述符(就是对象的键)的属性名称,返回值是一个对象