預設值 Default Value

發表於 更新於 分類於

這章節會透過其他角度來看 JavaScript 強制轉型的特性

首先先宣告一個擁有一個參數的函式，我們都知道 JavaScript 的變數如果沒有主動賦值，都會被給予一個 undefined，所以程式並不會出錯

1
2
3
4
5
6
function greet(name) {
  console.log('Hello ' + name);
}

greet();        // Hello undefined
greet(Jerry);   // Hello Jerry

接著將變數改成如果沒有賦值，我們透過 || 給予一個預設值

1
2
3
4
5
6
function greet(name) {
  name = name || '<Your name here>';
  console.log('Hello ' + name);
}

greet();   // Hello <Your name here>

原因是 || 優先於 =，而 || 會回傳優先為 true 的值，所以如果沒有賦與參數，會回傳透過 Boolean 轉型為 true 的值

1
2
3
4
5
6
function greet(name) {
  name = false || true;
  console.log('Hello ' + name);
}

greet();   // // Hello <Your name here>