ES6

1- Default Parameters 當傳入 function 的參數沒有給值時,防止 expection 出現的方法是設定預設值,es6 比起 es5 的使用方法更快:

var link = function(height = 50, color = ‘red’, url = ‘http://azat.co') { … }

類似PHP CI,若沒有輸入參數,則預設參數為何。

2- Template Literals 在字串 (string) 內嵌入變數時,ES5 必須把字串拆散,把變數通過 + 操作加入字串; ES6 容許通過語法 ${val} 嵌入到字串中:

// es5
// var name = ‘Your name is ‘ + first + ‘ ‘ + last + ‘.’
var name = `Your name is ${first} ${last}.`

類似PHP CI,PHP 是 "" 內 可以直接放變數名稱 或是 {$a}

$a = 123;
"a = $a"
"a = {$a}"

ES6 是 ${ 變數名稱 }

var a = 123;
"a = ${a}"

引用/參考資料:[ES6] Javascript 開發者必須知道的 10 個新功能(https://medium.com/@peterchang_82818/es6-10-features-javascript-developer-must-know-98b9782bef44)

Last updated