javascript - 如何将对象作为参数传播到函数？

Question

我有一个对象一个接受参数的函数，我想传播对象，所以每个属性都是该函数中的一个参数。

我在我的代码中做错了什么？

const args = {
    a: 1
    b: 2
}

const fn = (a, b) => a + b

// i am trying with no success
console.log(fn(...args))

Answer 1

尽管其他答案是正确的，但它们将函数签名更改为接受一个对象而不是 2 个单独的参数。以下是如何在不更改函数签名的情况下将对象的值用作函数参数。这需要Object.values(ES 2017) 和扩展运算符在您的运行时可用。

const args = {
  a: 1,
  b: 2
}

const fn = (a, b) => a + b

fn(...Object.values(args));

请记住，这仅适用于您的特定情况，因为Object.values返回所有对象键的值并且不保证字母排序顺序。如果您只想获取名为aand的属性的值，则b可以映射Object.keys(args)并仅过滤这些值。

Answer 2

您可以在传递的参数上使用 ES6 object destructuring，然后只传递您的对象。

const args = {a: 1, b: 2}

const fn = ({a, b}) => a + b
console.log(fn(args))

您还可以为这些属性设置默认值。

const args = {b: 2}

const fn = ({a = 0, b = 0}) => a + b
console.log(fn(args))

Answer 3

其他答案当然适用于特定情况，但也有一些限制。因此，我想提出一种不同的方法。这个想法是向对象添加一个方法，该方法以适当的顺序返回所需参数的数组。该方法在作为参数传递给目标函数时执行，并使用扩展运算符解构结果。

const args = {
    a: 1,
    b: 2,
    argumentify: function () { 
        return [this.a, this.b]; 
    }
};

const fn = (a, b) => a + b;

console.log(fn(...args.argumentify()));

这种方法的好处：

1) 不需要更改目标函数的签名，因此可以用于任何函数。

2）保证参数的正确顺序（在传播对象时（据我所知）不保证）。

3) 如果需要，可以对自身进行参数化。

Answer 4

你需要这样做

const fn = ({a, b}) => a + b

Answer 5

将 args 转换为数组应该可以工作：

const args = [1, 2]
const fn = (a, b) => a + b
console.log(fn(...args))

有关详细信息，请参阅替换 apply()。