快捷導(dǎo)航

JS函數(shù)動態(tài)傳遞參數(shù)的方法分析【基于arguments對象】

更新時間：2019年06月05日 10:01:04 作者：embaobao

這篇文章主要介紹了JS函數(shù)動態(tài)傳遞參數(shù)的方法,結(jié)合實例形式分析了javascript通過arguments對象獲取傳遞參數(shù)的相關(guān)操作技巧,需要的朋友可以參考下

本文實例講述了JS函數(shù)動態(tài)傳遞參數(shù)的方法。分享給大家供大家參考，具體如下：

js函數(shù)體內(nèi)可以通過arguments對象來接收傳遞進來的參數(shù)，利用這一對象屬性可以動態(tài)傳參。

function box() {
 return arguments[0]+' | '+arguments[1]; //得到每次參數(shù)的值
}
alert(box(1,2,3,4,5,6)); //傳遞參數(shù)

arguments對象的length屬性可以得到參數(shù)的數(shù)量。

function box() {
 return arguments.length; //得到6
}
alert(box(1,2,3,4,5,6));

我們可以利用length這個屬性，來智能的判斷有多少參數(shù)，然后把參數(shù)進行合理的應(yīng)用。比如，要實現(xiàn)一個加法運算，將所有傳進來的數(shù)字累加，而數(shù)字的個數(shù)又不確定。

function box() {
 var sum = 0;
 if (arguments.length == 0) return sum; //如果沒有參數(shù)，退出
 for(var i = 0;i < arguments.length; i++) { //如果有，就累加
  sum = sum + arguments[i];
 }
 return sum; //返回累加結(jié)果
}
alert(box(5,9,12));

例子：

function loading() {
  var a="";
  for (var index in arguments) {
   a+=arguments[index]+"\n";
  }
  alert(a);
}
loading("xxx","yyyy","ccc");

完整Demo示例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>m.fzitv.net arguments動態(tài)獲取傳參個數(shù)</title>
</head>
<body>
<script>
 function box(){
  sum=0;
  for(i=0;i<arguments.length;i++){
   sum+=arguments[i];
  }
  return sum;
 }
 console.log(box(1,3,3,5,6))
</script>
</body>
</html>

運行結(jié)果：