将任意数量的参数传递给Javascript函数[重复]

Question

我希望能够将任意数量的参数传递给函数，然后能够在以后使用这些参数。我知道我可以传入默认参数，但我不知道在我的函数中声明什么。

例如，

function test(????) {
  console.log(a)
  console.log(b)
  console.log(c)
}

test(a="a", b="b", c="c")

我也面临着被赋予这个功能并尽可能少地改变 var 声明的挑战。所以这里声明了变量 a、b 和 c，我无法编辑这些变量。我应该能够传入参数，然后知道将自己分配给这些变量。

function test(???) {
  var a,b,c
  if (a>b){
    c = a + b
  }
}

test(a=2,b=3)

Answer 1

你应该使用数组或对象。

在该数组中添加任意数量的参数。

function test(arr) {
   console.log(arr.a);
   console.log(arr.b);
   console.log(arr.c);
}

arr = {}
   
arr.a = "a";
arr.b = "b";
arr.c = "c";
    
k = test(arr);
    
    

Answer 2

你可以传入一个对象或数组：

function test1([a, b, c]) {
   // ...
}
test1([1, 2, 3]);

function test2({ a, b, c }) {
   // ...
}
test2({ a: 1, b: 2, c: 3 });

Answer 3

function test(input) {
  console.log(input.a);
  console.log(input.b);
  console.log(input.c);
}

test({ a: 1, b: 2, c: 3 });

Answer 4

您实际上不需要在函数参数中定义任何参数。您需要做的就是访问javascript 内置的arguments 对象。

所以您的代码可能如下所示：

function test() {
    var a = arguments[0];
    var b = arguments[1];
    var c = arguments[2];

    console.log(a);
    console.log(b);
    console.log(c);
}

test("a", "b", "c");

供参考：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/arguments

Answer 5

使用数组是个好主意，但为了完整性...

ES6 方式！

如果您能够支持 ES6 功能，spread operator 与 arguments 关键字相结合是一种巧妙的解决方法：

function anyNumber() {
  console.log(...arguments); // ->  1 2 3 4

  let argsAsArray = [0, ...arguments, 5]; // now they're an array

  argsAsArray.forEach(s => console.log(s)); // -> 0 1 2 3 4 5
};

anyNumber(1,2,3,4);

使用扩展运算符可以做很多很酷的事情，尤其是对象和参数解构。

Answer 6

在更新的问题中给定javascript，您可以在函数名称后的() 中定义默认参数。

function test(a = 2, b = 3) {
  let c;
  if (a > b) {
    c = a + b
  } else {
    c = 0
  }
  console.log(c);
}

test(); // 0

test(4); // 7

另见Can we set persistent default parameters which remain set until explicitly changed?