[JS奇怪的世界]No.20 預設值

預設值

上一章節講解了強制轉型的一些特性，所以這堂課將會試著從另一個角度去利用它的特性，首先課程提供了範例程式碼 ↓

function green(name) {
 console.log('Hello' + name);
}

green('Tom');

大家都知道會出現 Hello Tom 的字樣，好，課程這邊暫停一下，這邊我就開始思考，如果不帶入參數會怎麼樣?

function green(name) {
 console.log('Hello' + name);
}

green();

結果會出現什麼?

undefined!

所以若沒有傳入參數， avaScript 就會替我們帶入預設值 Undefined，所以我們可以理解成寫在函數的這一段 green(name) 中的 name 其實是一個變數。

另外課程也有講到 JavaScript 原本是無法替函數參數設置預設值，這是 ES6 才新增的，所以當如果我們沒有帶入參數時可以使用 ES6的預設值來替參數預設值 ↓

function green(name = 'jack') {
 console.log('Hello' + name);
}

green();

那結果會如何，還是 Undefined 嗎?

不，不一樣了。

另外如果不想使用 ES6 的參數預設值的做法，可以使用以下這個做法 ↓

function green(name) {
 var name = name || 'jack';
 console.log('Hello' + name);
}

green();

圖源

JavaScript 全攻略:克服 JS 奇怪的部分