0x000 語法
function [name]([param1[ = defaultValue1 ][, ..., paramN[ = defaultValueN ]]]) {
statements
}
0x001 使用
function sum(a=0, b=0){
return a+b
}
sum() // 0
sum(1) // 1
sum(1, 2) // 3
使用babel
翻譯一下
function sum() {
var a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
var b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
return a + b;
}
0x002 傳值檢測
從babel
翻譯的結果可以看出,默認參數只檢查兩種情況
- 不傳參數
- 傳入
undefined
function sum(a=0){
return typeof a
}
sum() // 'number'
sum(undefined)// 'number'
sum(1) // 'number'
sum('1') // 'string'
sum(null) // 'object'
sum(false)// 'boolean'
0x003 前參後用
前面的參數可以作爲後面參數的默認值,甚至可以對前面的參數做一些特別的操作,比如簡單的加減乘除
function sum(a=1, b=a, c=a+b){
return [a, b, c]
}
sum() // [1, 2, 3]
sum(2) // [2, 2, 4]
sum(2,2) // [2, 2, 4]
sum(2,2,2) // [2, 2, 2]
0x004 默認參數調用函數
賦值默認參數甚至可以調用函數,可以調用函數,就已經說明無所不能了~
function sum(a=1, b=(()=>4)()){
return [a, b]
}
sum() // [1, 4]
sum(2) // [2, 4]
sum(2,2) // [2, 2]
注意: 無法調用函數內部聲明的函數作爲默認值
function sum(a=1, b=num2){
function num2(){
return 4
}
return [a, b]
}
sum() // Uncaught ReferenceError: num2 is not defined
0x005 按序覆蓋
參數還是按調用的時候傳輸的順序一一覆蓋的,不會因爲它有默認值就跳過該形參的賦值
function sum(a=1, b ){
return [a, b]
}
sum() // [1, undefined]
sum(2)// [2, undefined]
sum(1,2) //[1, 2]
0x006 解構賦值默認參數
結構中也可以使用默認參數,雖然結構還沒在這系列出現過
function sum([x, y] = [1, 2], {z: z} = {z: 3}) {
return [x, y, z];
}
sum() // [1, 2, 3]
sum([2,4],{z: 6}) // [2, 4, 6]