一、对象可以存储属性。

属性标志

一、对象属性（properties），除value外，还有三个特殊的特性（attributes），也就是所谓的“标志”：

writable— 可写。如果为true，则值可以被修改，否则它是只可读的。
enumerable— 可枚举。如果为true，则会被在循环中列出，否则不会被列出。
configurable— 可配置。如果为true，则此特性可以被删除，这些属性也可以被修改，否则不可以。

1、当我们用“常用的方式”创建一个属性时，它们都为true。但我们也可以随时更改它们。

如何获得标志

Object.getOwnPropertyDescriptor

一、Object.getOwnPropertyDescriptor方法允许查询有关属性的完整信息。
二、语法：

let descriptor = Object.getOwnPropertyDescriptor(obj, propertyName);

obj：需要从中获取信息的对象。
propertyName：属性的名称。
返回值：是一个所谓的“属性描述符”对象：它包含值和所有的标志。

【示例1】

let user = {
  name: "John"
};
let descriptor = Object.getOwnPropertyDescriptor(user, 'name');
alert( JSON.stringify(descriptor, null, 2 ) );
/* 属性描述符：
{
  "value": "John",
  "writable": true,
  "enumerable": true,
  "configurable": true
}
*/

Object.getOwnPropertyDescriptors

一、要一次获取所有属性描述符，我们可以使用Object.getOwnPropertyDescriptors(obj)方法。
【示例1】

let user = {
  name: 'John',
  sex: 'male',
};
let descriptor = Object.getOwnPropertyDescriptors(user);
alert( JSON.stringify(descriptor, null, 2 ) );
/* 属性描述符：
{
  "name": {
    "value": "John",
    "writable": true,
    "enumerable": true,
    "configurable": true
  },
  "sex": {
    "value": "John",
    "writable": true,
    "enumerable": true,
    "configurable": true
  }
}
*/

克隆对象

一、Object.getOwnPropertyDescriptors(obj) 与 Object.defineProperties一起可以用作克隆对象的“标志感知”方式：

let clone = Object.defineProperties({}, Object.getOwnPropertyDescriptors(obj));

二、通常，当我们克隆一个对象时，我们使用赋值的方式来复制属性，像这样：

for (let key in user) {
  clone[key] = user[key]
}

1、但是，这并不能复制标志。
2、for..in会忽略 symbol 类型的属性
二、如果我们想要一个“更好”的克隆，那么Object.defineProperties是首选。
1、Object.defineProperties能复制标志
2、Object.getOwnPropertyDescriptors返回包含 symbol 类型的属性在内的所有属性描述符。

let user = {
    name: 'John',
  sex: 'male',
  sizes: {
      width: 50,
    height: 180
  }
}

let clone = Object.defineProperties({}, Object.getOwnPropertyDescriptors(user));

alert(clone.sex === user.sex); // true
user.sex = 'female';
alert(clone.sex); // male

alert(clone.sizes === user.sizes); // true
// user 和 clone 分享同一个 sizes
user.sizes.width++; // 通过其中一个改变属性值
alert(clone.sizes.width); // 51，能从另外一个看到变更的结果

修改标志

Object.defineProperty

一、为了修改标志，我们可以使用Object.defineProperty。
二、语法：

Object.defineProperty(obj, propertyName, descriptor)

obj，propertyName：要应用描述符的对象及其属性。
descriptor：要应用的属性描述符对象。

三、如果该属性存在，defineProperty会更新其标志。否则，它会使用给定的值和标志创建属性；在这种情况下，如果没有提供标志，则会假定它是false。
【示例1】这里创建了一个属性name，该属性的所有标志都为false：

let user = {};

Object.defineProperty(user, "name", {
  value: "John"
});

let descriptor = Object.getOwnPropertyDescriptor(user, 'name');

alert( JSON.stringify(descriptor, null, 2 ) );
/*
{
  "value": "John",
  "writable": false,
  "enumerable": false,
  "configurable": false
}
 */

1、将它与上面的“以常用方式创建的”user.name进行比较：现在所有标志都为false。如果这不是我们想要的，那么我们最好在descriptor中将它们设置为true。

Object.defineProperties

一、有一个方法Object.defineProperties(obj, descriptors)，允许一次定义多个属性。
二、语法：

Object.defineProperties(obj, {
  prop1: descriptor1,
  prop2: descriptor2
  // ...
});

【示例1】一次性设置多个属性

Object.defineProperties(user, {
  name: { value: "John", writable: false },
  surname: { value: "Smith", writable: false },
  // ...
});

标志的影响

只读

一、让我们通过更改writable标志来把user.name设置为只读（user.name不能被重新赋值）：
【示例1】属性存在

'use strict';

let user = {
  name: "John"
};

Object.defineProperty(user, "name", {
  writable: false
});

user.name = "Pete"; // Error: Cannot assign to read only property 'name' of object '#<Object>'

【示例2】针对的是属性不存在的情况：

'use strict';

let user = { };

Object.defineProperty(user, "name", {
  value: "John",
  // 对于新属性，我们需要明确地列出哪些是 true
  enumerable: true,
  configurable: true
});

alert(user.name); // John
user.name = "Pete"; // Error

二、现在没有人可以改变我们user的name，除非它们应用自己的defineProperty来覆盖我们的user的name。
三、只在严格模式下会出现 Errors
1、在非严格模式下，在对不可写的属性等进行写入操作时，不会出现错误。但是操作仍然不会成功。
2、在非严格模式下，违反标志的行为（flag-violating action）只会被默默地忽略掉。
【示例1】非严格模式

let user = {
  name: "John"
};

Object.defineProperty(user, "name", {
  writable: false
});

user.name = "Pete";
alert(user.name); // John

不可枚举

一、现在让我们向user添加一个自定义的toString。
二、通常，对象的内置toString是不可枚举的，它不会显示在for..in中。但是如果我们添加我们自己的toString，那么默认情况下它将显示在for..in中
【示例1】

let user = {
  name: "John",
  toString() {
    return this.name;
  }
};

// 默认情况下，我们的两个属性都会被列出：
for (let key in user) alert(key); // name, toString

三、如果我们不喜欢它，那么我们可以设置enumerable:false。之后它就不会出现在for..in循环中了，就像内建的toString一样：

let user = {
  name: "John",
  toString() {
    return this.name;
  }
};

Object.defineProperty(user, "toString", {
  enumerable: false
});

// 现在我们的 toString 消失了：
for (let key in user) alert(key); // name

四、不可枚举的属性也会被Object.keys排除：

alert(Object.keys(user)); // name

不可配置

一、不可配置标志（configurable:false）有时会预设在内建对象和属性中。
二、不可配置的属性不能被删除。
【示例1】Math.PI是只读的、不可枚举和不可配置的：

let descriptor = Object.getOwnPropertyDescriptor(Math, 'PI');

alert( JSON.stringify(descriptor, null, 2 ) );
/*
{
  "value": 3.141592653589793,
  "writable": false,
  "enumerable": false,
  "configurable": false
}
*/

1、因此，开发人员无法修改Math.PI的值或覆盖它。

Math.PI = 3; // Error

// 删除 Math.PI 也不会起作用

三、使属性变成不可配置是一条单行道。我们无法使用defineProperty把它改回去。
1、确切地说，不可配置性对defineProperty施加了一些限制：
（1）不能修改configurable标志。
（2）不能修改enumerable标志。
（3）不能将writable: false修改为true（反过来则可以）。
（4）不能修改访问者属性的get/set（但是如果没有可以分配它们）。
四、”configurable: false” 的用途是防止更改和删除属性标志，但是允许更改对象的值。
【示例1】这里的user.name是不可配置的，但是我们仍然可以更改它，因为它是可写的：

let user = {
  name: "John"
};

Object.defineProperty(user, "name", {
  configurable: false
});

user.name = "Pete"; // 正常工作
delete user.name; // Error

【示例2】现在，我们将user.name设置为一个“永不可改”的常量：

let user = {
  name: "John"
};

Object.defineProperty(user, "name", {
  writable: false,
  configurable: false
});

// 不能修改 user.name 或它的标志
// 下面的所有操作都不起作用：
user.name = "Pete";
delete user.name;
Object.defineProperty(user, "name", { value: "Pete" });

设定一个全局的密封对象

一、属性描述符在单个属性的级别上工作。
二、以下方法在实际中很少使用
1、有一些限制访问整个对象的方法：

Object.preventExtensions(obj)：禁止向对象添加新属性。
Object.seal(obj)：禁止添加/删除属性。为所有现有的属性设置configurable: false。
Object.freeze(obj)：禁止添加/删除/更改属性。为所有现有的属性设置configurable: false, writable: false。

2、还有针对它们的测试：

Object.isExtensible(obj)：如果添加属性被禁止，则返回false，否则返回true。
Object.isSealed(obj)：如果添加/删除属性被禁止，并且所有现有的属性都具有configurable: false则返回true。
Object.isFrozen(obj)：如果添加/删除/更改属性被禁止，并且所有当前属性都是configurable: false, writable: false，则返回true。

😈 JavaScript大魔王

属性标志和属性描述符