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()
Object.defineProperty() 方法可用于
- 添加对象的新属性
- 更改属性值
- 更改属性元数据
- 更改对象 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"});
自己动手试一试 »
属性属性
所有属性都有一个名称。此外，它们还有一个值。
值是属性的属性之一。
其他属性是：enumerable（可枚举）、configurable（可配置）和 writable（可写）。
这些属性定义了如何访问属性（它是可读的吗？它是可写的吗？）
在 JavaScript 中，所有属性都可以读取，但只有值属性可以更改（并且仅当属性是可写时）。
( ECMAScript 5 提供了获取和设置所有属性的属性的方法)
更改元数据
可以更改以下属性元数据
writable : true // 属性值可以更改
enumerable : true // 属性可以枚举
configurable : true // 属性可以重新配置
writable : false // 属性值不能更改
enumerable : false // 属性不能枚举
configurable : false // 属性不能重新配置
Getter 和 Setter 也可以更改
// 定义 getter
get: function() { return language }
// 定义 setter
set: function(value) { language = value }
此示例使 language 只读
Object.defineProperty(person, "language", {writable:false});
此示例使 language 不可枚举
Object.defineProperty(person, "language", {enumerable:false});
JavaScript getOwnPropertyNames()
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"
};
// 设置 language 属性不可枚举
Object.defineProperty(person, "language", {enumerable:false});
// 获取所有属性
Object.getOwnPropertyNames(person);
自己动手试一试 »
JavaScript Object.keys()
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，则两个方法将返回相同的结果。
添加 Getter 和 Setter
Object.defineProperty() 方法还可以用于添加 Getter 和 Setter
示例
// 创建一个对象
const person = {firstName:"John", lastName:"Doe"};
// 定义一个 getter
Object.defineProperty(person, "fullName", {
get: function () {return this.firstName + " " + this.lastName;}
});
自己动手试一试 »
一个计数器示例
示例
// 定义对象
const obj = {counter:0};
// 定义 setter
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 对象继承其原型的属性。
delete 关键字不会删除继承的属性，但如果您删除了原型属性，它将影响从原型继承的所有对象。
