javascript - 如何通过参数名称将数据传递给函数？

Question

我是 JavaSscript 的新手。基本上，我不想通过那些函数参数的位置来传递我的数据。当有 10 个或更多参数时，这会很不方便。

我想通过函数中定义的参数名称传递给它。但是，当我使用此语句时会产生副作用:my_func(param01=1)。在我看来，在函数调用中使用param01=1，只代表1传递给了参数param01，在函数调用之外没有任何效果。

这是我的代码:

function my_func(param01) {
    console.log('param01 inside my_func: ', param01)
}

param01 = 3
my_func(param01=1)
console.log('param01 outside my_func: ', param01)
// the result is 1 instead of 3.

我的问题是:通过函数参数的名称将数据传递给函数的正确方法是什么？

Answer 1

使用destructuring assignment ，在这种情况下，该函数可以接受 10 个参数，但您不需要对参数进行排序，因为将使用键名检索函数内的值。参数在调用函数时也可以按任何顺序排列。

function my_func({
  param01,
  param2,
  param3
}) {
  console.log('param01 inside my_func: ', param01, param3)
}
param01 = 0
my_func({
  param01: 1,
  param3: 4
})
console.log('param01 outside my_func: ', param01)