JS 对象引用

JavaScript ES5 对象方法

ECMAScript 5 (2009) 向 JavaScript 添加了许多新的对象方法。

管理对象

// 以现有对象为原型创建对象Object.create()// 添加或更改对象属性Object.defineProperty(object, property, descriptor)// 添加或更改对象属性Object.defineProperties(object, descriptors)// 访问属性Object.getOwnPropertyDescriptor(object, property)// 以数组返回所有属性Object.getOwnPropertyNames(object)// 访问原型Object.getPrototypeOf(object)// 以数组返回可枚举属性Object.keys(object)

保护对象

// 防止向对象添加属性Object.preventExtensions(object)// 如果属性可以添加到对象,则返回 trueObject.isExtensible(object)// 防止更改对象属性(不是值)Object.seal(object)// 如果对象被密封,则返回 trueObject.isSealed(object)// 防止对对象进行任何更改Object.freeze(object)// 如果对象被冻结,则返回 trueObject.isFrozen(object)

更改属性值

语法

Object.defineProperty(object, property, {value : value})

实例

此例更改属性值:

const person = {  firstName: "Bill",  lastName : "Gates",  language : "EN"};// 修改属性Object.defineProperty(person, "language", {value : "NO"});

亲自试一试

更改元数据

ES5 允许更改以下属性元数据:

writable : true      // 属性值可更改enumerable : true    // 属性可枚举configurable : true  // 属性可重新配置
writable : false     // 属性值不可更改enumerable : false   // 属性不可枚举configurable : false // 属性不可重新配置

ES5 允许更改 getter 和 setter:

// 定义 getterget: function() { return language }// 定义 setterset: function(value) { language = value }

此例设置 language 为只读:

Object.defineProperty(person, "language", {writable:false});

这个例子使 language 不可枚举:

Object.defineProperty(person, "language", {enumerable:false});

列出所有属性

这个例子列出了一个对象的所有属性:

实例

const person = {  firstName: "Bill",  lastName : "Gates",  language : "EN"};Object.defineProperty(person, "language", {enumerable:false});Object.getOwnPropertyNames(person);  // 返回数组的数组

亲自试一试

列出可枚举的属性

此例仅列出对象的可枚举属性:

实例

const person = {  firstName: "Bill",  lastName : "Gates",  language : "EN"};Object.defineProperty(person, "language", {enumerable:false});Object.keys(person);  // 返回可枚举属性的数组

亲自试一试

添加属性

此例向对象添加新属性:

实例

// 创建对象const person = {  firstName: "Bill",  lastName : "Gates",  language : "EN"};// 添加属性Object.defineProperty(person, "year", {value:"2008"});

亲自试一试

添加 Getter 和 Setter

Object.defineProperty() 方法也可以用来添加 Getter 和 Setter:

实例

// 创建对象const person = {firstName:"Bill", lastName:"Gates"};// 定义 getterObject.defineProperty(person, "fullName", {  get: function () {return this.firstName + " " + this.lastName;}});

亲自试一试

一个计数器实例

// 定义对象const obj = {counter:0};// 定义 setterObject.defineProperty(obj, "reset", {  get : function () {this.counter = 0;}});Object.defineProperty(obj, "increment", {  get : function () {this.counter++;}});Object.defineProperty(obj, "decrement", {  get : function () {this.counter--;}});Object.defineProperty(obj, "add", {  set : function (value) {this.counter += value;}});Object.defineProperty(obj, "subtract", {  set : function (i) {this.counter -= i;}});// 操作计数器:obj.reset;obj.add = 5;obj.subtract = 1;obj.increment;obj.decrement;

亲自试一试