JavaScript 对象，数组等传参

例：把人物信息的值传入函数进行处理。
简化为如下：
css部分
#wrap{
width: 100px;
background: #0f0;
}
HTML部分
<div id="wrap"></div>
JS部分
1.对象传参
var oWrap = document.getElementById('wrap');
var objs1 = {
"name":"zack",
"age":"23",
"gender":"male"
}
// 或者参数名不带引号也行
// * 注意标准的JSON格式是都带双引号的,用逗号隔开 *
// var objs1 = {
// name:"zack",
// age:"23",
// gender:"male"
// }
function fn1(obj){
var a = document.createElement("div");
var b = document.createElement("div");
var c = document.createElement("div");
oWrap.appendChild(a);
oWrap.appendChild(b);
oWrap.appendChild(c);
a.innerHTML = obj.name;
b.innerHTML = obj.age;
c.innerHTML = obj.gender;
}
fn1(objs1);

2.数组传参
//注意参数顺序
var objs2 = ["muler","25","male"];
function fn2(obj){
var a = document.createElement("div");
var b = document.createElement("div");
var c = document.createElement("div");
oWrap.appendChild(a);
oWrap.appendChild(b);
oWrap.appendChild(c);
a.innerHTML = obj[0];
b.innerHTML = obj[1];
c.innerHTML = obj[2];
}
fn2(objs2);

3.传不定量参数
//用函数自带的arguments代表了形参名
//调用时注意实参顺序
function fn3(){
var a = document.createElement("div");
var b = document.createElement("div");
var c = document.createElement("div");
oWrap.appendChild(a);
oWrap.appendChild(b);
oWrap.appendChild(c);
a.innerHTML = arguments[0];
b.innerHTML = arguments[1];
c.innerHTML = arguments[2];
}
fn3("rosa","24","female");

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有