javascript 中arguments入门理解小笔记

javascript 中arguments笔记

刚看到arguments有点懵，就先从简单的试试了解了解。

例1：

<div>

      <a onclick="showw()" href="javascript:;">点我</a>

</div>

function showw() {

      console.log(arguments);

      var cans = arguments.length;

      alert("参数数量：" + cans);

}

显示： 参数数量：0

把showw()换成showw(aa)

同样显示：参数数量：0

结论：argument数量与函数定义处无关，与引用函数处的参数数量有关。

例2：

<div>

      <a onclick="showw('aa','bb')" href="javascript:;">点我</a>

</div>

function showw() {

      console.log(arguments);

      var cans = arguments.length;

      alert("参数数量：" + cans);

}

显示： 参数数量：2

也验证了上述的结论

例3：

function fun() {

      console.log(arguments);

      alert(arguments.length);

      for (var i = 0; i < arguments.length; i++) {

           alert("第" + i + "项:" + arguments[i]);

      }

}

fun('tom', [1, 2, 3], { name: 'Janny' }, 'haha');

运行后首先显示alert,显示为：4

然后执行for循环，依次显示：

第0项:tom

第1项:1,2,3

第2项:[object Object]

第3项:haha