js函数中的arguments

71 阅读 0 评论 47 点赞

我是靠谱客的博主神勇草莓，最近开发中收集的这篇文章主要介绍js函数中的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>
    // 无参数
    function a() {
      console.log(new Date().toLocaleTimeString())
    }
    a()
    a()
    a()
    // 单参数:
    function b(num) {
      // return: 函数的返回值
      // 求绝对值: >0 就是自身, 否则 负负得正
      return num > 0 ? num : -num
    }

    console.log(b(9))
    console.log(b(-9))

    // 两参数:
    function c(a, b) {
      return a + b
    }
    console.log(c(10, 20))

    // 求和函数: 求任意数量数字之和
    function sum() {
      // 函数中隐藏的关键词: arguments
      // 其中存储了函数接收的所有参数
      console.log('arguments:', arguments)
      // arguments: 是一个伪数组类型, 像数组但是没有数组的方法
      let total = 0 //总和
      // 遍历数组每个元素, 把值累加给 总和
      for (let i = 0; i < arguments.length; i++) {
        let value = arguments[i] //下标读值
        total += value // += :累加
      }
      console.log('总和:', total)
    }

    // 使用时:
    sum(1, 2, 3) //6
    sum(1, 2, 3, 45, 3, 1, 2)
    sum(42, 12, 32, 4)
  </script>
</body>

</html>