function show(acc){
alert(arguments.length)
alert(arguments[0])
alert(acc)
alert("sssss")
}
show();
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
function show(acc){
alert(arguments.length)
alert(arguments[0])
alert(acc)
alert("sssss")
}
show();
window.onload = function(){
var Btn = document.getElementById("btn");
Btn.onclick = show;
}
</script>
</head>
<body>
<button id="btn">按钮</button>
</body>
</html>
上面这两段代码看的我整个人都不好了,求各位大神解释一下
问题一:第一段代码我在单独调用show函数的时候alert(arguments.length)的时候为0;但是为什么我在给button添加一个点击事件后值就变成了1?
问题二:在点击button的时候为什么系统会自动给show函数赋一个形参?而且为什么在赋形参后就会alert一个结果?
问题三:为什么给show函数赋值形参(scc)后再alert(scc)的结果跟alert(arguments[0])的结果一样,它的执行逻辑是什么?
问题一:你的show函数有一个默认参数acc,但是你在调用函数是没有传入实参,所以不会有长度,当你把函数赋值给click事件后,click会携带一个默认参数,所以变成了1。
问题二:因为click会有一个默认参数传到show里。
问题三:arguments就是用来存储形参的,你多传两个参数,然后打印arguments看一下里面的参数你就明白了,acc是你的形参,arguments存储形参,两者打印的值当然一样。
你三个都是都是事件绑定不理解导致的,
Btn.onclick = show这样绑定事件,标准浏览器(IE8-执行你的代码就和要的结果一样了,不会传入事件)会将事件作为参数传入show函数中,所以点击事件arguments长度是1。
你的arguments.length是什么的长度