接下來要跟大家介紹 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 只要通篇是一致就好。