js参数对象实现可选参数和参数默认值-js教程-PHP中文网

js参数对象实现可选参数和参数默认值

高洛峰

发布： 2016-11-22 11:24:10

原创

1481人浏览过

js参数对象实现可选参数和参数默认值

省略参数的前提是函数能识别你到底想传入的是哪一个参数，约定
1.可省略的参数后置
2.省略参数后不能与其它函数产生二义性 (js不存在这个问题）

程序要求你按参数定义的顺序传递参数进去。如果后面有没传的，就省略了。如果要省略中间的……对不起，自己传入 null 或 undefined。

对于 javascript 来说，可以对参数类型进行简单的判断来进行识别，以达到省略中间参数的效果，比如。

    var set = function(name, date, age) {
    if (typeof date === "number") {
        age = date;
        date = undefined;
    }
    // ....
}

登录后复制

这里是简单通过类型来识别的。更复杂一些的情况可以使用正则表达式来识别 domain， url, email 等，不过说起来就比较麻烦了，而且代码逻辑复杂，也不易写。

网龙b2b仿阿里巴巴电子商务平台

本系统经过多次升级改造，系统内核经过多次优化组合，已经具备相对比较方便快捷的个性化定制的特性，用户部署完毕以后，按照自己的运营要求，可实现快速定制会费管理，支持在线缴费和退费功能财富中心，管理会员的诚信度数据单客户多用户登录管理全部信息支持审批和排名不同的会员级别有不同的信息发布权限企业站单独生成，企业自主决定更新企业站信息留言、询价、报价统一管理，分系统查看分类信息参数化管理，支持多样分类信息，

查看详情

参数较多，部分可以省略的情况，建议使用参数对象。

ES5实现可选参数对象

    var CookieUtil = {
    set: function(args) {
        var name = args.name;
        var value = args.value;
        var expires = args.expires;
        var path = args.path;
        var domain = args.domain;
        var secure = args.secure;

        // ...
    }
}

    CookieUtil.set({
        name: "name",
        value: "Nicholas",
        path: "/books/projs/",
        domain: "www.wrox.com",
        expires: new Date("January 1, 2010")
    });

登录后复制

ES6实现可选参数对象-语法糖解构赋值

    function doSome({a,b=2,c}){
    console.log(a,b,c)
    }
    doSome({a:5,c:22})
    // 5 2 22

登录后复制

大家都在看：

JS浏览器存储_LocalStorage进阶用法浏览器兼容性JavaScript_Polyfill方案 JS异步编程演进_Callback到Async/Await 移动端JavaScript_React Native桥接 JavaScript数据可视化_D3.js核心概念