在 ES6 中，對物件的撰寫有更彈性及簡便的使用方式：

屬性縮寫

  function makePoint(x,y){
    return   {
      x: x;
      y: y;
    }
  }
  const point = makePoint(100,200);
//{
//    x:100,
//    y:200
//  };

當物件的key與value是同名，顧名思義就是key是x而他的值也是用到x變數的時候，就不用再重複寫一次：

function makePoint(x,y){
  return{
    x;
    y;
  }
}

計算屬性

當需動態建立key值時，原本寫法：

function createObj(key, value) = {
  const obj={};
  obj[key] = value;
return obj;
}
const person = createObj("name","Coco");
//{
//  name: "Henry"
//}

縮寫：

function createObj(key, value)= {
  const obj={
    [key]:value; 
  }
  return obj;
}

物件中的動態key值使用[ ]括起來，裡面也可以加入表達式：

let pre = "last"
function createObj(key,value){
  const obj={
    [pre + key]: value
  } 
  return obj;
}
const person = createObj("name","Coco")
//{
//lastname:"Coco"
//}

函式縮寫

當在object裡宣告函式時，原本寫法：

  const obj={
    x: function(){
     //do something 
    }
  }

ES6簡寫，在之前onclick綁定methods裡的function時有使用到：

const obj={
  x(){
  //do something
  }
}

學習完ES6物件縮寫，明天學習賦值解構