JavaScript 对象属性
属性管理方法
// 添加或更改对象属性
Object.defineProperty(object, property, descriptor)
// 添加或更改对象属性
Object.defineProperties(object, descriptors)
// 访问属性
Object.getOwnPropertyDescriptor(object, property)
// 访问属性
Object.getOwnPropertyDescriptors(object)
// 返回所有属性作为数组
Object.getOwnPropertyNames(object)
// 访问原型
Object.getPrototypeOf(object)
JavaScript Object.defineProperty()
The Object.defineProperty() method 可以用来
- 向对象添加新属性
- 更改属性值
- 更改属性元数据
- 更改对象 getter 和 setter
语法
Object.defineProperty(object, property, descriptor)
添加新属性
此示例向对象添加新属性
示例
// 创建一个对象
const person = {
firstName: "John",
lastName : "Doe",
language : "EN"
};
// 添加一个属性
Object.defineProperty(person, "year", {value:"2008"});
尝试一下 »
更改属性值
此示例更改属性值
示例
// 创建一个对象
const person = {
firstName: "John",
lastName : "Doe",
language : "EN"
};
// 更改一个属性
Object.defineProperty(person, "language", {value : "NO"});
尝试一下 »
属性属性
所有属性都有一个名称。此外，它们还有值。
值是属性的属性之一。
其他属性包括：可枚举、可配置和可写。
这些属性定义了如何访问属性（可读？可写？）。
在 JavaScript 中，所有属性都可以读取，但只有 value 属性可以更改（并且只有在属性可写时）。
（ECMAScript 5 有用于获取和设置所有属性的方法）
更改元数据
以下属性元数据可以更改
writable : true // 属性值可以更改
enumerable : true // 属性可以枚举
configurable : true // 属性可以重新配置
writable : false // 属性值不能更改
enumerable : false // 属性不能枚举
configurable : false // 属性不能重新配置
获取器和设置器也可以更改
// 定义获取器
get: function() { return language }
// 定义设置器
set: function(value) { language = value }
此示例使语言只读
Object.defineProperty(person, "language", {writable:false});
此示例使语言不可枚举
Object.defineProperty(person, "language", {enumerable:false});
JavaScript getOwnPropertyNames()
The Object.getOwnPropertyNames() 方法可以
- 列出对象属性
语法
Object.getOwnPropertyNames(object)
列出所有对象属性
此示例获取对象的属性
示例
// 创建一个对象
const person = {
firstName: "John",
lastName : "Doe",
language : "EN"
};
// 获取所有属性
Object.getOwnPropertyNames(person);
尝试一下 »
Object.getOwnPropertyNames() 也会列出不可枚举的属性
示例
// 创建一个对象
const person = {
firstName: "John",
lastName : "Doe",
language : "EN"
};
// 将语言属性设置为不可枚举
Object.defineProperty(person, "language", {enumerable:false});
// 获取所有属性
Object.getOwnPropertyNames(person);
尝试一下 »
JavaScript Object.keys()
The Object.keys() 方法可以
- 列出可枚举的对象属性
语法
Object.keys(object)
列出可枚举的对象属性
此示例使用 Object.keys() 代替 Object.getOwnPropertyNames()
示例
// 创建一个对象
const person = {
firstName: "John",
lastName : "Doe",
language : "EN"
};
// 更改 “language” 属性
Object.defineProperty(person, "language", {enumerable:false});
// 获取所有可枚举属性
Object.keys(person);
尝试一下 »
注意
getOwnPropertyNames() 方法返回所有属性。
Object.keys() 方法返回所有可枚举属性。
如果您定义没有 enumerable:false 的对象属性，则这两个方法将返回相同的结果。
添加获取器和设置器
The Object.defineProperty() 方法也可以用于添加获取器和设置器
示例
// 创建一个对象
const person = {firstName:"John", lastName:"Doe"};
// 定义一个获取器
Object.defineProperty(person, "fullName", {
get: function () {return this.firstName + " " + this.lastName;}
});
尝试一下 »
一个反例
示例
// 定义对象
const obj = {counter:0};
// 定义设置器
Object.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;
尝试一下 »
原型属性
JavaScript 对象继承其原型的属性。
The delete 关键字不会删除继承的属性，但如果您删除一个原型属性，它将影响从原型继承的所有对象。
