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

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

   

原文地址:https://www.cnblogs.com/mumu-web/p/10455893.html