ES6 —（对象的扩展）

1、属性的简洁表示法

  ES6 允许直接写入变量和函数，作为对象的属性。

var foo = 'bar';
var baz = {foo}; => baz = {foo: 'bar'}
-------------------------------------------
var o = {
            method() { return "hello";}
        };
// 等同于
var o = {
            method(): function() {return "hello";}
        };

对象之中直接写变量时，属性名为变量名，属性值为变量值。且该方法用于函数的返回值，将会非常方便 return {x,y}。
注意： 简洁写法的属性名总是字符串，这会导致一些看上去比较奇怪的结果。

var obj = { class() {}};
=> var obj = {'class': function() {}};

2、属性名表达式

  ES5 的对象属性名都是字符串，这容易造成属性名的冲突。
  JS 定义对象的属性有两种方法：
    （1）直接用标识符作为属性名。 obj.foo = true;
    （2）用表达式作为属性名，即把表达式放在方括号内。 obj.['a' + 'b'] = 123 => obj.ab = 123
  ES5 规定在使用字面量方式定义对象时，只能使用方法一。而 ES6 增加了方法二，即在使用字面量定义对象时可用使用方法二作为对象的属性名。
注意： （1）属性名表达式与简洁表示法，不能同时使用，否则报错。
     （2）属性名表达式如果是一个对象，默认情况下会自动将对象转为字符串 [obect object]。

var keyA = {a: 1};
var keyB = {b: 2};
var obj = {
            [keyA]: 'valueA',
            [keyB]: 'valueB'
          }; => Object {[object object]: 'valueB'}  // B 将 A 覆盖了

3、方法的 name 属性

  函数的 name 属性，返回函数名。对象方法也有函数，因此也有 name 属性。
注意：
  （1）如果对象的方法使用了取值函数（getter）和存值函数（setter），则 name 属性不在该方法上面，而是该方法的属性的描述对象 get 和 set 属性上面，返回值是方法名前加上 get 和 set。

var arr1 = { get method(){}}
var descriptor = Object.getOwnPropertyDescriptor(arr1, 'method') 
console.log(descriptor.get.name);  => 'get method'
arr1.method.name // 报错

  （2）bind 方法构造的函数，name 属性返回 bound 加上原函数的名字；Function 构造函数构造的函数， name 属性返回 anonymous。

var a = new Function();
console.log(a.name);  => anonymous
console.log(a.bind().name);     => bound anonymous

  （3）如果对象的方法是一个 Symbol 值，那么 name 属性返回的是这个 Symbol 值的描述。

4、Object.is()

  ES5 比较两个值是否相等，只有两个运算符： 相等运算符（==）和严格相等运算符（===）。他们都有缺点，前者会自动转化数据类型，后者的 +0 等于 -0，以及两者的 NaN 不等于自身。
  ES6 提出同值相等算法，来解决这个问题。Object.is() 就是部署这个算法的新方法。它用来比较两个值是否严格相等，与严格比较运算符（===）的行为基本一致。不同之处：一是 NaN 等于自身；二是 +0 等于 -0。

Object.is('foo', 'foo') => true
Object.is({}, {}) => false
Object.is(+0, -0) => false
Object.is(NaN, NaN) => true

5、Object.assign()

  Object.assin() 方法用于对象的合并，将源对象的所有可枚举属性，复制到目标对象。该方法的第一个参数是目标对象，后面的参数都是源对象。

var target = {a: 1};
var source1 = {b: 2};
var source2 = {c: 3};
Object.assign(target, source1, source2);
target => {a: 1, b: 2, c: 3}

注意
  （1）如果目标对象与源对象有同名属性，或者多个源对象有同名属性，则后面的属性会覆盖前面的属性。
  （2）如果只有一个参数，该方法直接返回该参数。
  （3）如果参数不是对象，则会先转成对象，然后进行操作。由于 null 和 undefined 无法转成对象，所以如果它们作为第一个参数就会报错。不在首参的参数，如果无法转成对象，就会跳过，这意味着 null 和 undefined 不在首参就不会报错。
  （4）其他类型的值（数值，字符串和布尔值）不在首参，也不会报错，但是，除了字符串会以数组形式拷入目标函数，其他值都不会产生效果。
  （5）Object.assign 拷贝的属性是有限的，只拷贝源对象的自身属性（不拷贝继承属性），也不拷贝不可枚举的属性（enumerable: false）。
  （6）Object.assign方法实行的是浅拷贝，而不是深拷贝。也就是说，如果源对象某个属性的值是对象，那么目标对象拷贝到的是这个对象的引用。
  （7）Object.assign 总是拷贝一个属性的值，而不会拷贝它背后的赋值方法或取值方法。
用途
  （1）为对象添加属性、方法。
  （2）克隆对象。
  （3）合并多个对象。
  （4）为属性指定默认值。

6、属性的可枚举性和遍历

  对象的每个属性都有一个描述对象，用来控制该属性的行为。 Object.getOwnPropertyDescriptors() 方法可以获得该属性的描述对象。
  描述对象的 enumerable 属性，成为“可枚举性”，如果该值为false，就表示某些操作会忽略当前属性。

目前，有有四个操作会忽略 enumerable 为 false 的属性。

• for...in 循环：只遍历对象自身的和继承的可枚举的属性。（ES5）
• Object.keys() ： 返回对象自身的所有可枚举的健名。（ES5）
• JSON.stringify() ： 只串行化对象自身的可枚举的属性。（ES5）
• Object.assign() ： 只拷贝对象自身的可枚举的属性。（ES6）

属性的遍历
ES6一共有 5 种方法遍历对象的属性。

• for...in 循环：只遍历对象自身的和继承的可枚举的属性。
• Object.keys() ： 返回对象自身的所有可枚举的健名数组。
• Object.getOwnPropertyNames(obj) ：返回一个数组，包含对象自身的所有属性（不含 Symbol 属性，但是包括不可枚举属性）。
• Object.getOwnPropertySymbol(obj) ：返回一个数组，包含对象自身的所有 Symbol 对象。
• Reflect.ownKeys(obj) ：返回一个数组，包含自身的所有属性，不管是否可枚举，不管是否为 Symbol。
  以上 5 种方法遍历对象的属性，都遵守以下遍历次序规则：
• 首先遍历所有属性名为数值的属性，按照数字排序。
• 其次遍历所有属性名为字符串的属性，按照生成时间排序（先后顺序）。
• 最后遍历所有属性名为 Symbol 值的属性，按照生成时间排序（先后顺序）。

7、Object.getOwnPropertyDescriptors()

  Object.getOwnPropertyDescriptors() 方法用于返回指定对象所有自身（非继承属性）的描述对象。

8、__proto__属性，Object.setPrototypeOf()，Object.getPrototypeOf()

  __proto__属性用来读取或设置对象的 prototype 对象。未写入 ES6 正文，而是处于附录。实现上，__proto__调用的是 Object.prototype.__proto__。
  Object.setPrototypeOf() 方法用来设置一个对象的 prototype 对象，返回参数对象本身。

`Object.setPrototypeOf(object， prototype)`

注意：该方法如果第一个参数不是对象，会自动转为对象，但是由于返回的还是第一个参数，所以这个操作不会产生任何效果。由于 null 和 undefined 无法转为对象，所以如果第一个参数是 null 和 undefined 就会报错。
  Object.getPrototypeOf() 用于读取一个对象的原型对象。
注意：该方法如果参数不是对象，会自动转为对象。由于 null 和 undefined 无法转为对象，所以如果第一个参数是 null 和 undefined 就会报错。
  Object.create(prototype [, propertiesObject]) (ES5)用于创建一个对象。 第一个参数是要继承的原型,如果不是一个子函数，可以传一个 null ，第二个参数是对象的属性描述符，这个参数是可选的。

9、Object.keys()， Object.values()， Object.entries()

• Object.keys() ：返回一个数组，成员是参数对象自身的所有可遍历属性的健名。（ES5）
• Object.values() ：返回一个数组，成员参数对象自身的所有可遍历属性的键值。会过滤属性为 Symbol 值的属性。该方法的第一个参数是一个字符串，会返回各个字符串组成的一个数组。
• Object.entries() ：返回一个数组，成员是参数对象自身的所有可遍历属性的键值对数组。会过滤属性为 Symbol 值的属性。

10、对象的扩展运算符

（1）解构赋值
  对象的解构赋值用于从一个对象取值，相当于将所有可遍历的、但尚未被读取的属性分配到指定的对象上面。所有的键和值，都会拷贝到新对象上面。

let {x, y, ...z} = {x: 1, y: 2, a: 3, b: 4};
=> x: 1, y: 2, z: {a: 3, b: 4}  

注意：

• 由于解构赋值要求等号右边是一个对象，所以如果等号右边是 null 和 undefined 就会报错。因为它们无法转为对象。
• 解构赋值必须是最后一个参数，否则报错。
• 解构赋值的拷贝是浅拷贝，即如果有一个键的值是复合类型的值（数组，对象，函数），那么解构赋值拷贝的是这个值的引用，而不是这个值的副本。
• 解构赋值不会拷贝继承自原型对象的属性。

（2）扩展运算符
   扩展运算符（...）用于取出参数对象的所有可遍历属性，拷贝到当前对象之中。

let z = {a: 1, b: 2};
let n = {...z}; => n = {a: 1, b: 2};
等同于 let n = Object.assign({}, z);

注意：

• 如果扩展运算符的参数是 null 和 undefined ，这两个值会被忽略，不会报错。
• 扩展运算符的参数对象中，如果有取值函数（get），这个函数是会执行的。

11、Null 传导运算符

   引入 Null 传导运算符（?.），用于简化层层判断的写法。

const first = message?.body?.user?.first || 'default';

Null 传导运算符有四种写法：

• obj?.prop // 读取对象属性
• obj?.[expr] // 同上
• fun?.(…args) // 函数或对象方法的调用
• new C?.(…args) // 构造函数的调用

阮一峰：ECMAScript 6入门