js函数里面的参数可以这样写？怎么理解呢？

Question

function createConnect({

  connectHOC = connectAdvanced,

  mapStateToPropsFactories = defaultMapStateToPropsFactories,

  mapDispatchToPropsFactories = defaultMapDispatchToPropsFactories,

  mergePropsFactories = defaultMergePropsFactories,

  selectorFactory = defaultSelectorFactory

} = {}){}

Answer 1

这是es6里面的语法之一。先了解以下对象的解构赋值。如下：// 这个应该很好理解了var { foo, bar } = { foo: "aaa", bar: "bbb" }; foo // "aaa"bar // "bbb"// 然后解构的时候可以指定默认值var {x = 3} = {}; x // 3var {x, y = 5} = {x: 1}; x // 1y // 5var {x:y = 3} = {}; y // 3var {x:y = 3} = {x: 5}; y // 5var { message: msg = 'Something went wrong' } = {}; msg // "Something went wrong"运行到函数中：// 参数是一组无次序的值 function f({x, y, z}) {    console.log(x,y,z) // 3,2,1} f({z: 3, y: 2, x: 1});所以这个函数等同于这样写：// 这些值是给定的默认值 var connectAdvanced,defaultMapStateToPropsFactories,defaultMapDispatchToPropsFactories,defaultMergePropsFact ories,defaultMergePropsFactories,defaultSelectorFactoryfunction createConnect(params = {}){    var {       connectHOC = connectAdvanced,       mapStateToPropsFactories = defaultMapStateToPropsFactories,       mapDispatchToPropsFactories = defaultMapDispatchToPropsFactories,       mergePropsFactories = defaultMergePropsFactories,       selectorFactory = defaultSelectorFactory     } = params      }