javascript - ES6 参数的默认值

Question

这是es6中参数的默认值吗？

function list({ skip = 0, limit = 50 } = {}) {

}

上面的代码是做什么的？

如果是 list(skip=0, limit=50) 我能理解，但现在我很困惑。

Answer 1

那个函数有 destructuring和 default parameters混合在一起。

根据函数签名，我们可以说我们期待一个参数，它应该是一个对象。

function list(myObject) {

}

如果未传递任何参数(或传递了 undefined)，我们将默认值设置为一个空对象，{}。

function list(myObject = {}) {

}

现在，无论我们传递一个对象，没有参数，还是 undefined，myObject 都将是一个对象。

// myObject will be {} for all 3 calls
list({})
list()
list(undefined);

接下来，我们通过从中提取 skip 和 limit 来解构这个 myObject:

function list(myObject = {}) {
  let { skip, limit } = myObject;
}

此外，我们可以直接执行此解构，而不是 myObject 参数:

function list({ skip, limit } = {}) {

}

最后，如果 skip 或 limit 在我们最终得到的值上不存在，我们给它们默认值:

function list({ skip = 0, limit = 50 } = {}) {

}