arguments对象
2016-11-04 本文已影响17人
wn_Smile
arguments对象
代表了所有的实参集合【类数组】
点击按钮计算传的实参的值
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>
<button class="btn1">按钮1</button>
<input type="text" id="text1"/><br />
<button>按钮2</button>
<input type="text" /><br />
<button>按钮3</button>
<input type="text" />
</body>
<script>
//jq 写法
/* $(function(){
var texts = $("input");
var btns = $("button");
function add(){
var result = 0;
for(var i = 0 ;i<arguments.length;i++){
result+=arguments[i];
}
return result;
}
$(".btn1").click(function(){
$("#text1").val(add(3,8,1))
})
})*/
//原生js
window.onload=function(){
var texts = document.querySelectorAll("input");
var btns = document.querySelectorAll("button");
function add(){
var result = 0;
for(var i = 0 ;i<arguments.length;i++){
result += arguments[i];
}
return result;
}
btns[0].onclick=function(){
texts[0].value = add(15,25,10);
}
btns[1].onclick=function(){
texts[1].value = add(150,285,100);
}
btns[2].onclick=function(){
texts[2].value = add(156,254,160);
}
}
</script>
</html>
return
1.返回函数的运算结果
a) 如果函数里有return、返回结果为return后的值（即运算后的结果）
b) 如果函数里没有return、返回结果为undefined
