函数设置默认值，对象的解构赋值

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