function-arguments

最新推荐文章于 2022-12-20 21:01:26 发布

weixin_34041003

最新推荐文章于 2022-12-20 21:01:26 发布

阅读量122

点赞数

原文链接：https://juejin.im/post/5c3b2c7b5188251e1015904e

版权

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>

<body>
  <script>
    // arguments 实参集合 (类数组)

    // 如何得到函数传递进来参数
    // 1.通过形参接收
    // 2.arguments 实参集合来获取

    // function add(a, b) {
    //   console.log('arg0', arguments[0]) // 10
    //   console.log('arg1', arguments[1]) // 20
    //   console.log('a', a)
    //   console.log('b', b)
    //   console.log(typeof arguments) // "object"
    // }
    // add(10, 20)

    // 正常情况下（非严格模式下）
    // 形参和arguments是有同步映射关系的（一个参数变了另个集合里参数也跟着变）
    function fn(a, b, c) {
      console.log(arguments)
      arguments[1] = 200
      console.log(arguments)
      console.log(b)

      // a = 2018
      // console.log(a)
      // console.log(arguments)

      // console.log(arguments)
      // console.log(a, b, c)
    }
    fn(1, 2, 3)
    // 函数执行时 你传递进来多少个实参 arguments里就会有多少个参数

    // 求和作业 传多少个数字实参 就给我累加多少 把结果return出来
    function add() {
      for (var i = 0; i < arguments.length; i++) {
        console.log(i, arguments[i])
      }
      // return 
    }
    add(1, 2, 3, 4)

    // function sum() {
    //     // var total = 0;
    //     var total = null;
    //     for (var i = 0; i < arguments.length; i++) {
    //         total += arguments[i]; // total = total + arguments[i]
    //         console.log(total) // 1 3 6
    //     }
    //     return total;
    // }
    // console.log(sum(1, 2, 3));

    // 只有是number类型才会进行累加操作
    // function sum() {
    //        var total = null;
    //    for (var i = 0; i < arguments.length; i++) {
    //     // 如果集合中这个参数是数字 再进行累加
    //        if (typeof arguments[i] === 'number') { // 'string'
    //           total += arguments[i]; // 累加操作
    //     }
    //   }
    //   return total;
    // }
    // var a = sum(1, 2, 3, '10', undefined)

    // 任意数求和
    // function sum() {
    //   var total = null;
    //     for (var i = 0; i < arguments.length; i++) {
    //          var num = arguments[i]
    //          if (typeof num === 'number' && !isNaN(num)) {
    //              total += num; // total = total + num
    //     }
    //   }
    //   return total;
    // }
    // var a = sum(1, 2, 'abc', NaN, 10)

    // console.log(a);


    // 如果当前参数可以转换成数字 我就累加(允许纯数字字符串)
    function sum() {
      var total = null;
        for (var i = 0; i < arguments.length; i++) {
             console.log('转换前1', arguments[i])

        // num变量用来存储 转换后的值
        var num = Number(arguments[i])
        console.log('转换后2', num)
        if (!isNaN(num)) {
            total += num;
        }
      }
      return total;
    }
    var a = sum(1, 2, 10, '123', '10px')
    console.log(a)
    
    // var sum 变量提升

    function sum() {
      var total = null;
         for (var i = 0; i < arguments.length; i++) {
        // var num = Number(arguments[i]) // '123'
        // var num = parseInt(arguments[i]) // '10px'
        var num = parseFloat(arguments[i]) // '10.123px'
              if (!isNaN(num)) {
                  total += num;
        }
      }
      return total;
    }
    var a = sum(1, 2, 10, '123', '10.50px')
    console.log(a)
  </script>
</body>
</html>
复制代码

weixin_34041003

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
function-arguments

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &
复制链接

扫一扫