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

时间:2015-12-14 20:26:01

标签: javascript ecmascript-6 destructuring

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

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

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

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

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

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

有可能吗?

1 个答案:

答案 0 :(得分:19)

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

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