[JS] ES6 函式參數預設值

過去若是要建立參數的預設值,常會使用 if 等判斷式,來判斷參數是否存在,但在 ES6 可以使用函式參數預設值 ( default Parameters ),以簡易的方式設定函式參數的預設值。

繼續閱讀

[JS] ES6 解構

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
// #4 解構
// #4-1 取出單一物件值
// 取出作為單一變數
const people = {
casper: {
name: '卡斯伯',
like: '鍋燒意麵',
price: 95
},
ray: {
name: '瑞',
like: '炒麵',
price: 80
},
ming: {
name: '小明',
like: '黑胡椒燴飯',
price: 120
},
};
// 請取出 casper, ray 物件作為單一變數
const { casper, ray, ming } = people;
console.log(casper, ray, ming);

// #4-2 避免物件值不存在
// 解構的預設值

// 解構的預設值
// 若在解構過程中,要避免取不到預設值的狀況
const { casper,
joyce = {
name: '喬伊斯',
}
} = people;

參考
MDN 解構賦值

[JS] ES6 縮寫

ES6 新增了新特性 - 縮寫,縮寫並不會改變原始功能,是 ES6 的語法糖,使使程式碼更加簡潔。

繼續閱讀