JS对象详解（对象创建及属性类型）

目录

创建对象

属性类型

1.数据属性

2.访问器属性

3.定义多个属性

4.读取属性的特性

对象规则设置

1.冻结

2.密封

3.扩展

---

对象

ESMAScript把对象定义为：无序属性的集合，其属性可以包含基本值，对象或者函数。简单来说，是一组名值对，其中值可以是数据或函数。

每个对象都是基于引用类型创建的。

创建对象

1.创建自定义对象的最简单的方式是创建Object的实例，然后再为它们添加属性和方法：

var person = new Object();
person.name = "Nicholas";
person.age = 10;
person.job = "Software Engineer";

person.sayName = function(){
	alert(this.name);
}

2.对象字面量

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

属性类型

ECMAScript中有两种属性：数据属性和访问器属性。

1.数据属性

数据属性包含一个数据值的位置，在这个位置可以读取和写入值，数据属性有4个描述行为的的特性。

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

要修改属性默认的特性，必须使用ECMAScript5的Object.defineProperty()方法。这个方法接收三个参数：属性所在的对象、属性名字和一个描述符对象。其中描述符（descriptor）对象的属性必须是：configable、enumerable、writable、value，设置其中的一或多值，可以修改对应的特性值。

例如：

var person = {};
Object.defineProperty(person, "name", {
	writable: false,
	value: "Nicholas"
})
alert(person.name);     //"Nicholas"
person.name = "Greg";
alert(person.name);     //"Nicholas"

在使用Object.defineProperty修改writable: false,后，name的值就不可修改了。

2.访问器属性

访问器属性不包含数值，它们包含一对儿setter和getter函数（非必需），访问器属性有以下四个特性：

• [[Configurable]]：表示能否通过delete删除属性从而重新定义属性，能否修改属性的特性，或者把属性修改为访问器属性，默认为true。
• [[Enumerable]]：表示能否通过for-in循环返回属性，默认为true。
• [[Get]]：读取属性时使用的函数，默认undefined。
• [[Set]]：在写入属性时使用的函数，默认undefined。

访问器属性不能直接定义，必须使用Object.defineProperty()来定义。

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

3.定义多个属性

定义多个属性的方法：Object.defineProperties()

这个方法接收两个参数：第一个对象是要添加和修改属性的对象，第二个对象的属性与第一个对象中要添加或修改的属性一一对应。如：

var book = {};
Object.defineProperties(book,{
	_year: {
		writable: false,
		value: 2004
	},
	edition: {
		writable: true,
		value: 1
	}
})

4.读取属性的特性

使用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");
console.log(descriptor.value);
console.log(descriptor.configurable);
console.log(typeof descriptor.get);

var descriptor1 = Object.getOwnPropertyDescriptor(book, "year");
console.log(descriptor1.value);
console.log(descriptor1.configurable);
console.log(typeof descriptor1.get);

结果如下：

对象规则设置

1.冻结

冻结对象：Object.freeze(obj)

检测是否被冻结：Object.isFrozen(obj)   ==>true/false

被冻结的对象：不能修改成员值，不能新增成员，不能删除现有成员，不能给成员做数据劫持  「Object.defineProperty()」

2.密封

密封对象：Object.seal(obj)

检测是否被密封：Object.isSealed(obj)   ==>true/false

被密封的对象：可以修改成员值，不能新增成员，不能删除现有成员，不能给成员做数据劫持  「Object.defineProperty()」

3.扩展

设置对象为不可扩展：Object.preventExtensions(obj)

检测是否可扩展：Object.isExtensible(obj)   ==>true/false

被密封的对象：不能新增成员，其余操作都可处理

被冻结的对象既是不可扩展的，也是密封的！密封的对象也是不可扩展的 ！