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

文章介绍了JavaScript函数中的arguments对象，它是一个包含所有传入函数参数的特殊对象。arguments不是数组，但类似数组，可用于访问和处理任意数量的参数。文中通过示例展示了如何使用arguments进行遍历和计算参数总和，强调了其在处理不定数量参数时的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

文章目录

在这里插入图片描述

二 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>