例:把人物信息的值传入函数进行处理。
简化为如下:
css部分
#wrap{
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");