ES6特性之:引數預設值

zarknight發表於2017-01-10

作為一個開發者,跟進行業步伐是非常需要的,不能躺在現有的知識和經驗溫床上做美夢。JavaScript的ES2015標準(即我們說的ES6)在2016年已經被廣泛應用了,還沒開始使用的朋友,趕緊來磨一下槍吧。

為了方便理解消化,我們一篇文章只講一個特性。從最簡單的新特開始吧,這一篇我們就講ES6中為函式的引數新新增的特性:引數預設值。

所謂的引數預設值,就是可以給一個函式的引數設定一個預設值,當呼叫函式的時候,如果該引數未給出任何值,則使用預設值替代。

我們來看以下例項程式碼:

function greeting(name, message="Hello") {
  console.log(message + "," + name);
}

greeting("Tom");   //Hello,Tom
greeting("Tom", "Good morning"); //Good morning,Tom

我們可以看到,引數message設定了一個預設值”Hello”,當呼叫greeting()函式時,如果未給出message引數,則mesage引數值就取預設值“Hello”;否則,就使用實際值。

【注意點】我們定義”引數未給出”是指:該引數值為undefined。請注意以下區別:

greeting("Tom");   //Hello,Tom
greeting("Tom", undefined);   //Hello,Tom

greeting("Tom", null);   //null,Tom
greeting("Tom", ""); //,Tom


相關文章