iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 26
0
自我挑戰組

草頭黃小姐的 30 天 JavaScript 自學小本本系列 第 26

Day 26 認識一下 ES6:物件的簡寫

  • 分享至 

  • xImage
  •  

接下來要跟大家介紹 ES6 物件的簡寫。
我們來寫個 function,寫個 profile 的方法,裡面的傳 first name, last name 和 age,然後再回傳對應的值:

function profile(fistName,lastName,age){
  return {
  firstName= firstName,
  lastName= lastName,
  age= age,
  }
}

同時我們再給他們一個 function

function profile(fistName,lastName,age){
  return {
   firstName: firstName,
   lastName: lastName,
   age: age,
  
  fullName:function(){
    return lastName+firstName;
   }
  }
}

接著我們並宣告和印出內容的話

var p1=profile(`悟空`,`孫`,29);

console.log(p1.fullName());

整個在 JSBin 跑起來的效果如何?

當我們物件裡面的 Key 和 Value 是一樣的時候,ES6 有更簡單的寫法:

function profile(fistName,lastName,age){
  return {
   firstName,
   lastName,
   age,
  
  fullName:function(){
    return lastName+firstName;
   }
  }
}

這樣子執行起來的效果也還是一樣的唷!

有些人可能覺得這樣的寫法可以少打幾個字,有些人這認為這樣意思不夠清楚,不管你選擇哪種寫法,建議是每個檔案裡,如果你用 ES6 或 ES5 只要通篇是一致就好。


上一篇
Day 25 認識一下 ES6:陣列的用法
下一篇
Day 27 認識一下 ES6: class-base vs prototype-base
系列文
草頭黃小姐的 30 天 JavaScript 自學小本本30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言