《Javascript 高级程序设计(第三版)》笔记0x8 OOP 理解对象

本文详细解析了ECMA-262标准下JavaScript对象的概念，包括属性类型如数据属性和访问器属性，以及如何使用ECMAScript5的特性来定义和读取属性特性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ECMA-262 把对象定义为：“无序属性的集合，其属性可以包含基本值、对象或者函数。”严格来讲，这就相当于说对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字，而每个名字都映射到一个值。

每个对象都是基于一个引用类型创建的，这个引用类型可以是原生类型，也可以是开发人员定义的类型。

理解对象

var person = new Object();
person.name = "Nicholas";
person.age = 29;
person.job = "Software Engineer";
person.sayName = function(){
    alert(this.name);
};

//////////////////////////////////////////////////////////////////
var person = {
    name: "Nicholas",
    age: 29,
    job: "Software Engineer",
    sayName: function(){
        alert(this.name);
    }
};

属性类型

数据属性

数据属性
属性名称	说明	默认值
Configurable	能否通过 delete 删除属性从而重新定义属性，能否修改属性的特性，或者能否把属性修改为访问器属性。	true
Enumerable	能否通过 for-in 循环返回属性	true
Writable	能否修改属性的值	true
Value	包含这个属性的数据值。读取属性值的时候，从这个位置读；写入属性值的时候，把新值保存在这个位置	undefined

访问器属性

访问器属性不包含数据值；它们包含一对儿 getter 和 setter 函数（不过，这两个函数都不是必需的）。在读取访问器属性时，会调用 getter 函数，这个函数负责返回有效的值；在写入访问器属性时，会调用setter 函数并传入新值，这个函数负责决定如何处理数据。

属性名称	说明	默认值
onfigurable	能否通过 delete 删除属性从而重新定义属性，能否修改属性的特性，或者能否把属性修改为数据属性	对于直接在对象上定义的属性，默认值为true。
Enumerable	表示能否通过 for-in 循环返回属性。	对于直接在对象上定义的属性，默认true。
Get	在读取属性时调用的函数。	undefined
Set	在写入属性时调用的函数。	undefined

var book = {
_year: 2004,
    edition: 1
};
Object.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

定义多个属性

由于为对象定义多个属性的可能性很大， ECMAScript 5 又定义了一个 Object.defineProperties()方法。利用这个方法可以通过描述符一次定义多个属性。这个方法接收两个对象参数：第一个对象是要添加和修改其属性的对象，第二个对象的属性与第一个对象中要添加或修改的属性一一对应。

var book = {};
Object.defineProperties(book, {
		_year: {
			value: 2004
		},
		edition: {
			value: 1
		},
		year: {
			get: function(){
			return this._year;
		},
		set: function(newValue){
			if (newValue > 2004) {
				this._year = newValue;
				this.edition += newValue - 2004;
			}
		}
	}
});

读取属性的特性

使用 ECMAScript 5 的 Object.getOwnPropertyDescriptor()方法，可以取得给定属性的描述符。这个方法接收两个参数：属性所在的对象和要读取其描述符的属性名称。返回值是一个对象，如果是访问器属性，这个对象的属性有 configurable、 enumerable、 get 和 set；如果是数据属性，这个对象的属性有 configurable、 enumerable、 writable 和 value。

var book = {};
Object.defineProperties(book, {
		_year: {
			value: 2004
		},
		edition: {
			value: 1
		},
		year: {
			get: function(){
			return this._year;
		},
		set: function(newValue){
			if (newValue > 2004) {
				this._year = newValue;
				this.edition += newValue - 2004;
			}
		}
	}
});
var descriptor = Object.getOwnPropertyDescriptor(book, "_year");
alert(descriptor.value); //2004
alert(descriptor.configurable); //false
alert(typeof descriptor.get); //"undefined"
var descriptor = Object.getOwnPropertyDescriptor(book, "year");
alert(descriptor.value); //undefined
alert(descriptor.enumerable); //false
alert(typeof descriptor.get); //"function"