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;