非零基础自学前端最后一遍二 JavaScript基础 7 JavaScript函数 7.7 函数的arguments变量的使用

比眉伴天荒 2024-03-24 13:15 18阅读 0赞

#### 非零基础自学前端最后一遍 ####

#### 文章目录 ####

*   *   *  非零基础自学前端最后一遍
         *  二 JavaScript基础
         *  7 JavaScript函数
         *   *  7.7 函数的arguments变量的使用
             *   *  7.7.1 arguments参数（JS高级再学习）

![在这里插入图片描述][0408bdbfc05d483c89c21e8d0d7015d0.png_pic_center]

#### 二 JavaScript基础 ####

#### 7 JavaScript函数 ####

##### 7.7 函数的arguments变量的使用 #####

###### 7.7.1 arguments参数（JS高级再学习） ######

*  事实上在函数有一个特别的对象：arguments对象
    
     *  默认情况下，arguments对象是所有（非箭头）函数中都可用的局部变量；
     *  该对象中存放着所有的调用者传入的参数，从0位置开始，依次存放；
     *  arguments变量的类型是一个object类型（ array-like ），不是一个数组，但是和数组的用法看起来很相似；
     *  如果调用者传入的参数多余函数接收的参数，可以通过arguments去获取所有的参数；
 *  因为这里涉及到数组、对象等概念，目前大家了解有这么一个参数即可。
    
     *  后续我们会对其专门进行学习，包括和数组之间的转化；

<!DOCTYPE html>
    <html lang="en">
    
    <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
    </head>
    
    <body>
    
      <script>
        // 1.arguments的认识
        function foo(name, age) {
          
          console.log("传入的参数", name, age)
    
          // 在函数中都存在一个变量, 叫arguments
          console.log(arguments)
          // arguments是一个对象
          console.log(typeof arguments)
          // 对象内部包含了所有传入的参数
          // console.log(arguments[0])
          // console.log(arguments[1])
          // console.log(arguments[2])
          // console.log(arguments[3])
    
          // 对arguments来进行遍历
          for (var i = 0; i < arguments.length; i++) {
          
            console.log(arguments[i])
          }
        }
    
        foo("why", 18, 1.88, "广州市")
    
    
        // 2.arguments的案例
        function sum() {
          
          var total = 0
          for (var i = 0; i < arguments.length; i++) {
          
            var num = arguments[i]
            total += num
          }
          return total
        }
    
        console.log(sum(10, 20))
        console.log(sum(10, 20, 30))
        console.log(sum(10, 20, 30, 40))
      </script>
    
    </body>
    
    </html>

运行结果

![在这里插入图片描述][9d8b19895eab418b9973b62815708c61.png_pic_center]

[0408bdbfc05d483c89c21e8d0d7015d0.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/3f3393e4ac0042f1a89a0a7b01520a34.png
[9d8b19895eab418b9973b62815708c61.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/3e96621448dd4c4c8c7eb4864c9aa7c7.png