您的位置:首页 > 其它

函数参数不固定的时候如何求返回值?arguments

2015-06-08 14:54 106 查看
arguments实质为个数组,里面存的是传给函数的参数,因为是数组,所以有length属性,通过length属性可以知道里面有几个变量。对于参数不固定的函数,求所有参数的和,思路如下:

(1)定义一个函数,给函数命名。

(2)将所有参数放到要用的函数。

(3)根据要求,要求所有

参数的和的结果,把开始的结果存在一个定义的变量里,初始值为0。

(4)对每次函数的结果依次求和,用循环,并把每次求和的结果赋给存结果参数的变量求和放在那个变量里

(5)输出返回值。

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>返回值</title>
</head>
<script type="text/javascript">
function sum(){
var result=0;
for(var i=0;i<arguments.length;i++){
result+=arguments[i];
}
return result;

}
alert(sum(6,5,4,3));
</script>
<body>

</body>
</html>


(6)css(oDiv,'width')-----获取样式

  css(oDiv,'width','200px')----设置样式

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>返回值</title>
</head>
<script type="text/javascript">
function css(){
if(arguments.length==2){
return arguments[0].style[arguments[1]]
}
else{
return arguments[0].style[arguments[1]]=arguments[2];
}
}
window.onload=function(){
var oDiv=document.getElementById('div1');
css(oDiv,'background','green')
}
</script>
<body>
<div id="div1" style="width:200px;height:200px;background:red;"></div>
</body>
</html>


其实,这种方式并不是我们常用的,arguments[0],arguments[1],arguments[2]写写起来并不是很方便,我们可以用参数代替。

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>返回值</title>
</head>
<script type="text/javascript">
function css(obj,name,value){
alert(obj==arguments[0]);
if(arguments.length==2){
return obj.style[name]
}
else{
return obj.style[name]=value;
}
}
window.onload=function(){
var oDiv=document.getElementById('div1');
css(oDiv,'background','green')
}
</script>
<body>
<div id="div1" style="width:200px;height:200px;background:red;"></div>
</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: