Javascript - Jquery - 函数参数

Posted 2020-09-21

函数参数（Parameter Mapping）

多参数

当一个函数具有多个参数时，如果我们在调用该函数时传递一大堆参数进去，而有些参数并不是必须的，代码看起来就有点混乱，此时可以使用匿名对象来解决。将参数作为匿名对象的属性，然后将匿名对象作为函数的参数即可。

参数替换

函数内部可以定义一个对象，设置对象的属性就是设置函数参数的默认值。

function aa(options) {
    //配置默认参数
    var param = { gender: ‘man‘, age: 18 };    
   //extend方法本来是用于为JQuery扩展方法的，但当它接受两个参数时，其作用就是合并用户传递的参数和默认参数而非扩展方法。合并后函数使用的参数以用户传递的为准，没传递的参数就自动会用默认值替代。
    $.extend(param, options);
    alert(param.age);   
}

aa();//调用aa，不提供参数会使用默认参数
aa("woman");//提供一个参数，另一个会使用默认参数
aa("woman",20);//提供两个参数，不再使用默认参数

View Code

深度替换

如果函数的参数（对象）的某个属性也是对象，是否进行全部合并需要为extend提供一个布尔值。

function aa(options) {
    var op = $.extend(true, { gender: "man", job: { Salary: ‘1000‘, typesWork: ‘scientist‘, age: 30 } }, options);
    return op;
}

var test=aa({ name: ‘leo‘ ,  job : { Salary : ‘100000‘ , typesWork : ‘Programmer‘ } });
for (var i in test) {
    var jobObj = test[i];
    if (typeof jobObj == "object") {
        for (var z in jobObj) {
            alert(z + "：" + jobObj[z]);
        }
    }
    else {
        alert(i + "：" + test[i]);
    }
}
//参数替换的结果为：{name: ‘leo‘ { gender: "man", job: { Salary: ‘100000‘, typesWork: ‘Programmer‘, age: 30 }}
//如果指定第一个参数为false则结果会忽略age

View Code

 

Javascript - 学习总目录