美文网首页
031|JavaScript arguments对象

031|JavaScript arguments对象

作者: 中年小钢炮 | 来源:发表于2017-05-21 15:58 被阅读37次

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

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

    使用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专业级导师指导吗?想要团队陪你一起进步吗?欢迎加我为好友!

    我的微信

    相关文章

      网友评论

          本文标题:031|JavaScript arguments对象

          本文链接:https://www.haomeiwen.com/subject/owtvxxtx.html