Javascript中arguments对象详解

  在上篇文章中我们讨论了javascript中的默认参数,这篇文章,我们来讨论下javascript的arguments参数对象。

  如下例的一个函数,我们如何根据传入参数的不同来做不同的处理呢?

  

复制代码 代码如下:

  function addAll () {

  // What do we do here?

  }

  // Should return 6

  addAll(1, 2, 3);

  // Should return 10

  addAll(1, 2, 3, 4);

  幸运的是,javascript有一个arguments对象,可以来处理上述情况。arguments对象是一个类数组对象,想了解arguments对象的详细情况请戳这里,我们使用arguments对象来改变上例:

  

复制代码 代码如下:

  function addAll () {

  var sum = 0;

  for (var i = 0; i < arguments.length; i++) {

  sum += arguments[i];

  }

  return sum;

  }

  // Returns 6

  addAll(1, 2, 3);

  // Returns 10

  addAll(1, 2, 3, 4);

  上面我们说过arguments对象是一个类数组对象,下面我们来测试下:

  

复制代码 代码如下:

  function getName() {

  console.log(Array.isArray(arguments));

  }

  //will output false

  getName("benjamin");

  上述测试结果可以看出:

  它不是一个数组对象,那么它和数组对象有什么不同呢?详情请戳这里。

  执行下面例子会抛出一个错误:

  

复制代码 代码如下:

  function sortArgs () {

  // Uncaught TypeError: undefined is not a function

  sorted = arguments.sort()

  return sorted;

  }

  sortArgs();

  我们可以像下面这样把一个类数组对象转换为数组对象:

  

复制代码 代码如下:

  function sortArgs () {

  // Convert arguments object into a real array

  var args = [].slice.call(arguments);

  // Now this will work!

  sorted = args.sort()

  return sorted;

  }

  //will output [1, 2, 3]

  console.log(sortArgs(1,3,2));

  如果你感觉这篇文章对你有帮助,希望转给更多需要的人。文章不妥之处,欢迎留言斧正。