JS:平时添加的都是数据属性

by @zhangbao(zhangbao) #0112javascript

对象的属性有两种:数据属性和访问器属性。咱们一般添加属性的方式,添加的都是数据属性。java

// 添加对象属性的一般方式有两种:

// 第一种:声明时添加
let user = {
  name: "John"
}
// 第二张方式:声明后添加
user.age = 12
复制代码

image.png

何以见得?咱们使用 Object.getOwnPropertyDescriptors(obj) 方法就能看出来。ui

image.png

Object.getOwnPropertyDescriptors 方法的对象称为“属性描述符”对象。对象中的 value 就标记此属性是数据属性value 的值就是此数据属性实际存储的值。spa

默认标记值都为 true

属性描述符对象中的另外三个属性 writableenumerableconfigurable 则称为属性标记(flag)——记录属性更加细粒度的设置配置。从上图可知,一般添加属性的方式,默认这些标记值都是 true,这就是为啥咱们这样设置属性后,后面就能够“随心所欲”操做的缘由了。3d

Object.defineProperty

所以可见 user.age = 12 等同于执行了下面的代码:code

Object.defineProperty(user, 'age', {
  value: 12,
  writable: true,
  enumerable: true,
  configurable: true
})
复制代码

咱们只有想在更加细粒度的控制某个属性时,才会使用 Object.defineProperty(obj, propertyName, descriptor) 方法定义属性。cdn

修改或添加属性

在使用 Object.defineProperty 时:若是被定义的属性已存在,则操做结果就是修改对象属性;若是被定义的属性不存在,操做结果就是为对象新增了一个属性。仍是以上面的 user 为例。对象

例一:修改属性

修改 age 属性的 value 值为 123enumerable 标记为 falseblog

image.png

能够看见,未指定的标记仍是保持跟之前同样的值。ip

例二:添加属性

添加 desc 属性(仅标记 writabletrue

image.png

能够看见,其余未指明的标记默认是 false(即本例中的 enumerable 和 configurable 标记)。

(正文完)


广告时间(长期有效)

我有一位好朋友开了一间猫舍,在此帮她宣传一下。如今猫舍里养的都是布偶猫。若是你也是个猫奴而且有须要的话,不妨扫一扫她的【闲鱼】二维码。不买也没关系,看看也行。

(完)

相关文章
相关标签/搜索