如何使用ES6中的所有默认值来构造选项参数?

mad*_*ox2 11 javascript destructuring ecmascript-6

我使用带有babel编译器的ES6功能.我有一个函数,它将选项对象作为参数:

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

当我打电话给它时,解构就会发生,一切运转良好.我想在大多数时候用默认选项调用它,所以我这样做:

myFunction({}); // true 'whatever'
Run Code Online (Sandbox Code Playgroud)

但它看起来有点奇怪.只要打电话就会更清洁:

myFunction(); // TypeError: Cannot read property 'option1' of undefined
Run Code Online (Sandbox Code Playgroud)

可能吗?

Ber*_*rgi 20

是的,您只需要为完整参数提供默认值:

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