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 关键字不会删除继承的属性，但如果您删除一个原型属性，它将影响从原型继承的所有对象。
完整的对象参考
有关完整参考，请访问我们的
完整的 JavaScript 对象参考.
该参考包含所有对象属性和方法的描述和示例。
❮ 上一篇 下一篇 ❯
★
+1
W3schools Pathfinder
Track your progress - it's free!
Log in
Sign Up