如何使用Apply with Optional参数命名来调用函数？

Question

使用此函数def：myFunc(p1, p2, p3 = 3, p4 = 4){ //do something }

我知道你可以使用Apply调用函数，像这样：myFunc.apply([1, 2])

其中1是p1,2是p2。

但是在指定特定的可选参数名称时如何使用apply？：

myFunc(1, 2, p4=>5)

谢谢！

Answer 1

在JavaScript中传递特定的命名参数，您需要传递一个对象。您可以使用object destructuring来获得所需的结果。

{p1: 1, p2: 2, p4: 5}

function myFunc({p1, p2, p3 = 3, p4 = 4}){ console.log(p3); }


myFunc.apply(null, [{p1: 1, p2: 2, p4: 5}]);

Answer 2

以同样的方式直接调用它。调用函数时，要跳过默认参数，请传递undefined：

myFunc(1, 2, undefined, 4);

您可以使用apply执行相同的操作，只需在默认参数启动时传入undefined：

function myFunc(p1, p2, p3 = 3, p4 = 4) {
    console.log("p1:", p1);
    console.log("p2:", p2);
    console.log("p3:", p3);
    console.log("p4:", p4);
}

myFunc.apply(null, [11, 22, undefined, 44]);   // skips over p3

Answer 3

Javascript没有命名参数（包括ES6）。所以你可以猜到，你只能使用带有位置参数的apply，所以没有办法以你想要的方式使用apply。

在ES6中，一种模拟名为args的方法是使用一个对象，例如：

myFunc({ from=3, to=5 });

上述技术示例并申请（ES6）：

let f = ({ p1='a', p2='b'} = {}) => { console.log(p1, p2); }
// logs 'a', 'b'
f.apply(this, [{ p1: 'c' }])
// logs 'c', 'b'

你可以在这里阅读更多：http://2ality.com/2011/11/keyword-parameters.html