如何让对象属性不可配置或枚举

以你之姓@ 2021-09-18 14:40 282阅读 0赞

**一、什么是属性描述符？**

MDN：

> 对象里目前存在的属性描述符有两种主要形式：数据描述符和存取描述符。

*  数据描述符是一个拥有可写或不可写值的属性。
 *  存取描述符是由一对 getter-setter 函数功能来描述的属性。
 *  描述符必须是两种形式之一；不能同时是两者。

数据描述符和存取描述符均具有以下可选键值：

> value 与属性相关的值。可以是任何有效的 JavaScript 值（数值，对象，函数等）。默认为 undefined。 
> 
> writable true 当且仅当可能用赋值运算符改变与属性相关的值。默认为 false。

存取描述符同时具有以下可选键值：

get

> 一个给属性提供 getter 的方法，如果没有 getter 则为 undefined。方法将返回用作属性的值。默认为 undefined。 set 一个给属性提供 setter 的方法，如果没有 setter 则为 undefined。该方法将收到作为唯一参数的新值分配给属性。默认为 undefined。

以上是摘自MDN的解释，看起来是很晦涩的，具体什么意思呢： 首先我们从以上解释知道该匿名参数对象有个很好听的名字叫属性描述符，属性描述符又分成两大块：数据描述符以及存取描述符（其实只是一个外号，给指定的属性集合起个外号）。

数据描述符包括两个属性 : `value` 属性以及 `writable` 属性，第一个属性用来声明当前欲修饰的属性的值，第二个属性用来声明当前对象是否可写即是否可以修改

存取描述符就包括 `get` 与 `set` 属性用来声明欲修饰的象属性的 `getter` 及 `setter`

属性描述符内部，数据描述符与存取描述符只能存在其中之一，但是不论使用哪个描述符都可以同时设置 `configurable` 属性以及`enumerable` 属性。  
`configurable`属性用来声明欲修饰的属性是否能够`配置`，仅有当其值为 `true` 时，被修饰的属性才有可能能够被删除，或者重新配置。  
`enumerable` 属性用来声明欲修饰属性是否可以被`枚举`。

知道了什么是属性描述符，我们就可以开始着手创建一些对象并开始`配置`其属性

二、创建属性不可配置不可枚举的对象

三、Enumerable 特性

属性特性 `enumerable` 决定属性是否能被 `for...in` 循环或 `Object.keys` 方法遍历得到：

输出结果如下：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDgxMTQxNw_size_16_color_FFFFFF_t_70][]

**四、Configurable 特性**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDgxMTQxNw_size_16_color_FFFFFF_t_70 1][]

**五、提高及扩展**

1.属性描述符中容易被误导的地方之 `writable` 与 `configurable`

2.通过上面的学习，我们都知道传递属性描述符参数时，是定义一个匿名的对象，里面包含属性描述符内容，若每定义一次便要创建一个匿名对象传入，将会造成内存浪费。故优化如下：

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDgxMTQxNw_size_16_color_FFFFFF_t_70]: /images/20210812/8a2225bc6c9f44508ac8e8f4f56c1d81.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDgxMTQxNw_size_16_color_FFFFFF_t_70 1]: /images/20210812/2d034fd5d52840e18e88a79a3034f6b8.png