ES6新特性——对象

对象字面量

属性的简洁表示法

const age = 12;
const name = "Amy";
const person = {age, name};
person   //{age: 12, name: "Amy"}
//等同于const person = {age: age, name: name}

方法名简写

const person = {
  sayHi(){
    console.log("Hi");
  }
  //sayHi:function(){
   // console.log("Hi");
 // }
}
person.sayHi();  //"Hi"

属性名表达式
注意点：属性的简洁表示法和属性名表达式不能同时使用，否则会报错

const hello = "Hello";
const obj = {
 [hello]
};
obj  //SyntaxError: Unexpected token }
 
const hello = "Hello";
const obj = {
 [hello+"2"]:"world"
};
obj  //{Hello2: "world"}

对象的拓展运算符

拓展运算符（…）用于取出参数对象所有可遍历属性然后拷贝到当前对象。
注意点：自定义的属性和拓展运算符对象里面属性的相同的时候：自定义的属性在拓展运算符后面，则拓展运算符对象内部同名的属性将被覆盖掉。
自定义的属性在拓展运算度前面，则变成设置新对象默认属性值。
拓展运算符后面是空对象，没有任何效果也不会报错。
拓展运算符后面是null或者undefined，没有效果也不会报错。

let person = {name: "Amy", age: 15};
let someone = { ...person, name: "Mike", age: 17};
someone;  //{name: "Mike", age: 17}

let person = {name: "Amy", age: 15};
let someone = {name: "Mike", age: 17, ...person};
someone;  //{name: "Amy", age: 15}

let a = {...{}, a: 1, b: 2};
a;  //{a: 1, b: 2}

let b = {...null, ...undefined, a: 1, b: 2};
b;  //{a: 1, b: 2}

对象的新方法

Object.assign(target, source_1, ···)：用于将源对象的所有可枚举属性复制到目标对象中。
如果目标对象和源对象有同名属性，或者多个源对象有同名属性，则后面的属性会覆盖前面的属性。
assign 的属性拷贝是浅拷贝

let target = {a: 1};
let object2 = {b: 2};
let object3 = {c: 3};
Object.assign(target,object2,object3);  
// 第一个参数是目标对象，后面的参数是源对象
target;  // {a: 1, b: 2, c: 3

Object.assign(null);       // TypeError: Cannot convert undefined or null to object
Object.assign(undefined);  // TypeError: Cannot convert undefined or null to object
//当参数不止一个时，null 和 undefined 不放第一个，即不为目标对象时，会跳过 null 和 undefined ，不报错
Object.assign(1,undefined);  // Number {1}
Object.assign({a: 1},null);  // {a: 1}
 
Object.assign(undefined,{a: 1});  // TypeError: Cannot convert undefined or null to object

let sourceObj = { a: { b: 1}};
let targetObj = {c: 3};
Object.assign(targetObj, sourceObj);
targetObj.a.b = 2;
sourceObj.a.b;  // 2
//同名属性替换
targetObj = { a: { b: 1, c:2}};
sourceObj = { a: { b: "hh"}};
Object.assign(targetObj, sourceObj);
targetObj;  // {a: {b: "hh"}}
//处理数组
Object.assign([2,3], [5]);  // [5,3]

Object.is(value1, value2)：用来比较两个值是否严格相等，与（===）基本类似。

//基本用法
Object.is("q","q");      // true
Object.is(1,1);          // true
Object.is([1],[1]);      // false
Object.is({q:1},{q:1});  // false
//与===的区别
//一是+0不等于-0
Object.is(+0,-0);  //false
+0 === -0  //true
//二是NaN等于本身
Object.is(NaN,NaN); //true
NaN === NaN  //false