今天來總結一下es6的物件擴充套件，最近一直在看es6, 感覺es6真的很好用，不過也看到過網上一些反面語言，可能因人而異，es6 的發展前景讓我們拭目以待。

一、物件屬性和方法

1.簡寫

// 屬性簡寫
var a = "first";
var b = {a};
console.log(b)  // {a:"first"}

//方法簡寫
var obj = {
  method (){
    retrun "hello world";
  }
} 

//等同於
var obj = {
  method: function (){
    retrun "hello world";
  }
} 
 

2.屬性名錶達式

let propName = "value";
let obj = {
  [propName]:true,
  ["one"+"child"]:1323
}
obj[propName]  // true
obj[onechild]  // 1323

重點內容
① 如果屬性名錶達式不能與簡潔表示法同時使用。否則會報錯
② 屬性名錶達式如果是一個物件，預設情況下會自動將物件轉為字串，如果有多個屬性名物件會產生覆蓋。

二、Object.is()方法和 Object.assign() 方法

1.Object.is() 用於比較兩個值是否嚴格相等。

在ES5 中嚴格相等有比較運算子（===

而Object.is() 解決了上邊兩個問題，其他的行為和=== 行為一致。

Object.is({},{}); // false
Object.is(+0,-0); // false
Object.is(NaN,NaN); // true

2.Object.assign() 方法用於合併物件
Object.assign() 用於合併物件，有利於我們去封裝函式。它的使用方法和jq 的 $.extend() 方法類似

  let objOne = {a:1};
  let objTwo = {b:2
 
};
  let objThree = {b:4,c:5};

  let obj = Object.assign(objOne,objTwo,objThree);
  console.log(obj) // {a:1,b:4,c:5}

由結果可以看出，合併後的物件，如果出現同名屬性，後邊的會覆蓋前邊的。

重點內容
①如果只有一個引數，Object.assign() 會直接返回該引數

Object.assign({a:"new"}) //{a:"new"}

②如果該引數不是物件，會將該引數轉化為物件，

typeof Object.assign(0) // "object"

③undefined 和 null 作為首引數會報錯，不為首參時也不會報錯

Object.assign(undefined) // 報錯 Cannot convert undefined or null to object
Object.assign({},undefined) // 空物件 {}

④字串會以陣列形式拷貝到目標物件，而數值和布林值等不會產生效果

   var one = 'one';
   var num = 10;
   var bool = true;
   var last = Object.assign({},bool,num,one)
   console.log(last) // {0: "o", 1: "n", 2: "e"}
   console.log(last[1]) // n

⑤Object.assign 只拷貝源物件的自身屬性（不會拷貝繼承屬性），也不會拷貝不可列舉的屬性。

var persion = {};
Object.defineProperties(persion,{
  name:{
    enumerable:true,
    value:"name"
  },
  age:{
    enumerable:false,
    value:"age"
  }
})

Object.assign({a:"a"},persion); // {a: "a", name: "name"}

⑥屬性為 Symbol 值得屬性，也會被其拷貝。

* 用途 *
①為物件新增屬性
②為物件新增方法
③克隆物件
④合併多個物件
⑤為屬性指定預設值

三、屬性的遍歷

（1）for…in

for…in迴圈遍歷物件自身的和繼承的可列舉屬性（不含 Symbol 屬性）。

（2）Object.keys(obj)

Object.keys返回一個數組，包括物件自身的（不含繼承的）所有可列舉屬性（不含 Symbol 屬性）的鍵名。

（3）Object.getOwnPropertyNames(obj)

Object.getOwnPropertyNames返回一個數組，包含物件自身的所有屬性（不含 Symbol 屬性，但是包括不可列舉屬性）。

（4）Object.getOwnPropertySymbols(obj)

Object.getOwnPropertySymbols返回一個數組，包含物件自身的所有 Symbol 屬性。

（5）Reflect.ownKeys(obj)

Reflect.ownKeys返回一個數組，包含物件自身的所有屬性，不管屬性名是 Symbol 或字串，也不管是否可列舉。

遍歷排序是這樣的：數字屬性>字串屬性>Symbol值屬性

四、__proto__ 屬性 和Object.setPrototypeOf(), Object.getPrototypeOf()

ES6 為我們提供了__proto__ 屬性。不過目前還是建議使用Object.setPrototypeOf(), Object.getPrototypeOf()

1.Object.setPrototypeOf()

Object.setPrototypeOf方法的作用與__proto__相同，用來設定一個物件的prototype物件，返回引數物件本身。它是 ES6 正式推薦的設定原型物件的方法。

 let objFirst = {a:"a"}
 let objLast = {b:"b",c:"c"}
 Object.setPrototypeOf(objFirst,objLast);
 console.log(objFirst.b) // b
 console.log(objFirst.b === objLast.b) // true

上邊的程式碼相當於：

function(objFirst,objLast){
  objFirst.__proto__ = objLast;
  return objFirst;
}

2.Object.getPrototypeOf()

該方法用於讀取一個物件的原型物件

function newOne(){

}

var newObj = new newOne();
console.log(Object.getPrototypeOf(newObj) === newOne.prototype);