javascript - 如何在 ES6 中使用所有默认值解构选项参数？

Question

我将 ES6 特性与 babel 编译器结合使用。我有一个将选项对象作为参数的函数:

function myFunction({ option1 = true, option2 = 'whatever' }) {
    console.log(option1, option2);
    // do something...
}

当我调用它时，解构发生并且一切正常。大多数时候我想用默认选项调用它，所以我这样做:

myFunction({}); // true 'whatever'

但看起来有点奇怪。它会更干净，只需调用:

myFunction(); // TypeError: Cannot read property 'option1' of undefined

这可能吗？

Answer 1

是的，您只需为完整的参数提供一个默认值:

function myFunction({option1 = true, option2 = 'whatever'} = {}) {
//                                                         ^^^^
    console.log(option1, option2);
    // do something...
}