ES6 里边,函数设置默认值 ,简单的不用说了,说一些稍微不是特别简单的
还是先从简单的起个头
function x ({method = 'get'}) {
console.log(method)
}
x() // TypeofError 因为要求的是默认值是个对象模式的
x({}) // 'get'
如果传入的参数是个对象
functionn x2( {method='get'} = {}) {
console.log(method)
}
x2() // 'get' 默认不传的话,传入的值是个空 {}
比较
function x3({x = 0, y = 0} = {}) {console.log(x, y)}
function x4 ({x , y} = {x: 0, y : 0}) {console.log(x, y)}
x3 函数参数的默认值是个空对象,可是设置了对象解构赋值的默认值,
x4 函数参数的默认值是一个有具体属性的函数, 但是没有设置对象解构赋值的默认值
也就是说 x3 在你不传参的时候,或者传参没有x y 属性的时候,都可以设置 x y 的默认值
而x4 如果你不传参,他默认是 {x: 0, y: 0}, 一旦你传参了,{x: 0, y: 0} 这个默认的设定就没用了,就默认你传了 {x , y}
所以 x3() // 0 0
x4() // 0 0
x3({x: 1, y: 2}) // 1, 2
x4({x: 1, y: 2}) // 1, 2
x3({x: 1}) // 1 ,0
x4({x: 1}) // 1 undefined
x3({}) // 0 0
x4({}) // undefined undefined
x3({z: 3}) // 0 0
x4({z: 3}) // undefined undefined