對象擴(kuò)展

對象類別

在ES6中，對象分為下面幾種叫法。

• 普通對象

• 特異對象

• 標(biāo)準(zhǔn)對象

• 內(nèi)建對象

對象字面量語法拓展

• ES6針對對象的語法擴(kuò)展了一下功能

  //es5
  function obj(id){
    return{
      id
    }
  }
  
  //es6
  const obj = id => ({
    id
  })
  

• 對象方法簡寫

  //es5
  var obj = {
    id:1,
    getId:function(){
      console.log(this.id);
    }
  }
  
  //es6
  const obj = {
    id:1,
    getId(){
      console.log(this.id);
    }
  }
  

• 屬性名可計(jì)算

  屬性名可以傳入變量或者常量，而不只是一個(gè)固定的字符串。

  const name = "winni";
  const obj = {
  [`${name}_22`]:'girl'
  }
  console.log(obj);//{winni-22: "girl"}
  console.log(obj['winni_22']);//girl
  console.log(obj.winni_22);//girl
  

ES6對象新增方法

• Object.is()

用來解決JavaScript中特殊類型 == 或者 === 異常的情況。

//ES5 異常情況
  NaN === NaN  //false
  -0 === +0    //true
  0 == "0"      //true

//ES6
//為了解決歷遺留問題，新增了Object.is()來處理2個(gè)值的比較。
  Object.is(NaN,NaN);//true
  Object.is(-0,+0); //false
  Object.is(0,"0");//false

• Object.assign()

  實(shí)現(xiàn)了拷貝一個(gè)對象給另外一個(gè)對象，返回一個(gè)新的對象。

  //Object.assign(target, ...sources)
  var obj = { a: 1 };
  var copy = Object.assign({}, obj);
  console.log(copy); // { a: 1 }
  
  //如果目標(biāo)對象中的屬性具有相同的鍵，則屬性將被源中的屬性覆蓋。后來的源的屬性將類似地覆蓋早先的屬性。
  var obj = { a: 1 ,b:2};
  var copy = Object.assign({a:0}, obj);
  console.log(copy); //  { a: 1 ,b:2}
  

重復(fù)的對象字面量屬性

ES5的嚴(yán)格模式下，如果你的對象中出現(xiàn)了key相同的情況，那么就會(huì)拋出錯(cuò)誤。而在ES6的嚴(yán)格模式下，不會(huì)報(bào)錯(cuò)，后面的key會(huì)覆蓋掉前面相同的key。

const state = {
  id: 1,
  id: 2
}
console.log(state.id) // 2

自有屬性枚舉順序

ES6新增標(biāo)準(zhǔn)

• 首先遍歷所有數(shù)值鍵，按照數(shù)值升序排列。
• 其次遍歷所有字符串鍵，按照加入時(shí)間升序排列。
• 最后遍歷所有 Symbol 鍵，按照加入時(shí)間升序排列。

const obj = {
  a:1,
  id:1,
  name:'winni',
  1:112,
  10:110,
  2:199,

}
console.log(Object.getOwnPropertyNames(obj));
// ["1", "2", "10", "a", "id", "name"]
console.log(Object.assign(obj,null));
//{1: 112, 2: 199, 10: 110, a: 1, id: 1, name: "winni"}

增強(qiáng)對象原型

定義一個(gè)對象

let obj = {};
let A = Object.create(obj);
function B (){};
class C {};

方法的定義

ES6明確了方法的定義。

let a = {
  //方法
  name() {
    return 'eryue'
  }
}
//函數(shù)
function name() {}