zoukankan      html  css  js  c++  java
  • JavaScript 对象,数组等传参

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

  • 相关阅读:
    锻炼意志力
    iOS 函数积累
    iOS8新特性 计算 cell 的高度
    iOS 国际化支持 设置
    CALayer 方法属性整理
    好的 blog 整理
    xcode7 打包上传至 app store
    ios 适配 (字体 以及 控件)
    iOS 适配设计与切图
    iOS app 切图
  • 原文地址:https://www.cnblogs.com/forlong/p/8455721.html
Copyright © 2011-2022 走看看