031|JavaScript arguments对象

上一节中，我们使用默认参数特性处理了调用者未传参数的问题。

这一节中，我们将要处理调用者传递了参数，但函数未定义参数的情况。

使用arguments访问参数

我们先来分析一下以下代码：

function sayHi()
{
    console.log("Hello somebody!")
}

sayHi("James")

上述代码中，sayHi()函数并未定义任何一个参数，但调用者却传递了参数"James"。这个脚本会报错吗？我们尝试运行一下：

脚本运行结果

可以看到，上面脚本并无任何异常，而是正常地输出了"Hello somebody!"。

由上例可知，调用者可不管不顾函数到底定义了多少参数，可以随意填写参数。

在函数体内， 有一个变量，存储着传递给当前函数的所有参数，它就是arguments。arguments是一个数组，依次存储着调用者向函数传递的参数。
我们通过将上述代码改造一下来了解arguments变量：

function sayHi()
{
    console.log("Hello "+arguments[0]+"!") // 通过arguments[0]引用第一个参数
}

sayHi("James")

上述代码中，使用arguments[0]引用了第一个参数James。所以程序最终输出如下：

运行结果

所以，通过arguments对象能够引用调用者传递的参数。

使用arguments解决不定长参数的问题

arguments的一个重要作用是解决变长参数的问题。

现在，你需要写一个函数，它能将传递进来的参数全部打印出来。例如：
···
function sayHi(){
// 你需要实现这个函数
}
sayHi("David") // 1个参数
sayHi("David", "James") // 2个参数
...
sayHi("David", "James", ... , "Lucy") // N个参数
···

函数定义时，参数个数是固定的，而上述问题中，调用者传递参数是变动的。所以普通函数参数无法解决上述问题。这时就到arguments发挥作用的时候了。

函数剩余参数也能解决上述问题。后续课程中将会介绍 。

让我们来看一上arguments的解决方案：

function sayHi()
{
  for (var i = 0; i < arguments.length; i++)
  {
      console.log("Hello "+arguments[i]+"!")
  }
}
sayHi("David") // 1个参数
sayHi("David", "James") // 2个参数
sayHi("David", "James", "Lucy") // N个参数

我们来看看输出结果 ：

变长参数问题

可以看到，通过使用arguments参数，我们成功解决了变长参数问题。

好了，这一节就讲到这里。今天，你学到了一个非常实用的技巧！

什么是匿名函数？什么是函数调用栈？什么是函数剩余参数？

请继续关注我的课程，我将在后续课程中为大家解答上述问题。

想学计算机技术吗？需要1对1专业级导师指导吗？想要团队陪你一起进步吗?欢迎加我为好友！

我的微信