在 ES5 中,我们可以定义一个对象,并且对其进行操作(添加 - asf - 沸点 - 掘金

1年前

在 ES5 中,我们可以定义一个对象,并且对其进行操作(添加或查找),如下代码所示:

const moment = {
age: 18,
address: "西安",
};

moment["hobby"] = "basketball";
moment.hight = 1.59;

console.log(moment.age); // 18
那如果我们要对该对象进行监听呢,我们希望可以监听到这个对象中的属性被设置或获取的过程,我们可以通过属性描述符中的存储属性来做到这个功能。

属性描述符
在 ES5 中,所有的属性都具备了属性描述符,具体使用如下图所示:

image.png

就像上图所展示的一样,这个普通的对象属性对应的属性描述符,可不仅仅是一个18,它还包含另外三个特性,它们分别是:

writable;
enumerable;
configurable;
在创建普通户型时,属性描述符会使用默认值,我们可以使用 Object.defineProperty(...) 来添加一个新属性或者修改一个已有属性(当该属性 Configurable 的值为 true 时)并对特性进行设置,具体如下代码所示:

const moment = {
age: 18,
address: "西安",
};

Object.defineProperty(moment, "address", {
value: "肇庆",
writable: true,
configurable: true,
enumerable: true, #挑战每日一条沸点#
});

console.log(moment.address); // 肇庆
该方法接收三个参数,它们分别为:

要定义属性的对象;
要定义或修改的属性的名称或 Symbol;
要定义或修改的属性描述符;

展开

青训营-快乐出发