JavaScript Object.defineProperty()

示例

添加属性

// 创建一个对象
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"})

自己尝试一下 »

更多示例如下！

描述

The Object.defineProperty() 方法添加或更改对象属性。

The Object.defineProperty() 方法允许您更改属性元数据。

The Object.defineProperty() 方法允许您添加 getter 和 setter。

请参阅下面的更多示例。

语法

Object.defineProperty(object, property, descriptor)

参数

参数	描述
object	必需。该对象。
object	必需。属性名称。
descriptor	必需。要添加或更改的属性的描述符 value: value writable : true\|false enumerable : true\|false configurable : true\|false get : function set : function

返回值

类型	描述
对象	传入的对象，其中包含所做的更改。

setter 和 getter

此示例创建一个 setter 和 getter 来确保语言更新为大写

示例

// 创建一个对象
const person = {
firstName: "John",
lastName : "Doe",
language : "NO"
};

// 更改属性
Object.defineProperty(person, "language", {
get : function() { return language },
set : function(value) { language = value.toUpperCase()}
});

// 更改语言
person.language = "en";

// 显示语言
document.getElementById("demo").innerHTML = person.language;

自己尝试一下 »

此示例使用 getter 来组合姓氏和名字

示例

// 创建一个对象
const person = {
firstName: "John",
lastName : "Doe"
};

// 定义一个 getter
Object.defineProperty(person, "fullName", {
get: function () {return this.firstName + " " + this.lastName;}
});

自己尝试一下 »

JavaScript 的 Getter 和 Setter 非常适合创建计数器。

示例

// 定义 Getter 和 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 (value) {this.counter -= value;}
});

自己尝试一下 »