js參數對象實現可選參數和參數默認值

BetaRabbit 發布于2019-08-20 12:20 / 604人閱讀

摘要：對于來說，可以對參數類型進行簡單的判斷來進行識別，以達到省略中間參數的效果，比如。參數較多，部分可以省略的情況，建議使用參數對象。實現可選參數對象實現可選參數對象語法糖解構賦值

js參數對象實現可選參數和參數默認值

省略參數的前提是函數能識別你到底想傳入的是哪一個參數，約定
1.可省略的參數后置
2.省略參數后不能與其它函數產生二義性 (js不存在這個問題）

程序要求你按參數定義的順序傳遞參數進去。如果后面有沒傳的，就省略了。如果要省略中間的……對不起，自己傳入 null 或 undefined。

對于 javascript 來說，可以對參數類型進行簡單的判斷來進行識別，以達到省略中間參數的效果，比如。

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

這里是簡單通過類型來識別的。更復雜一些的情況可以使用正則表達式來識別 domain， url, email 等，不過說起來就比較麻煩了，而且代碼邏輯復雜，也不易寫。

參數較多，部分可以省略的情況，建議使用參數對象。

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

云服務器 GPU云服務器 js默認參數 js函數默認參數可選參數 js按鈕值傳遞參數

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/80919.html

【干貨】js 數組詳細操作方法及解析合集

摘要：數組轉字符串定義方法用于把數組中的所有元素通過指定的分隔符進行分隔放入一個字符串，返回生成的字符串。該字符串由數組中的每個元素的返回值經調用方法連接由逗號隔開組成。 showImg(http://ww1.sinaimg.cn/large/005Y4rCogy1frtrbx8b69j30n20cyh3q.jpg); 前言在開發中，數組的使用場景非常多，平日中也涉及到很多數組的api/相...

pekonchan 2019-08-26 11:56 評論0 收藏0
JS數組方法匯總

摘要：用于找出第一個滿足提供的回調函數的數組成員。由被刪除的數組元素組成的一個數組。返回一個字符串，表示指定的數組及其元素工具類方法 Array.from() ：從一個類似數組或者可迭代對象中創建一個新的數組實例。用一種更通俗易懂的方式來說，就是Array.from方法用于將兩類對象轉為真正數組：類數組對象（array-like object）和可遍歷（iterable）的對象。實際應用中...

SexySix 2019-08-23 12:25 評論0 收藏0
JS函數知識點梳理

摘要：函數的分類普通函數有函數名，參數，返回值，同名覆蓋。示例代碼如下解構參數默認值為對象字面量默認值為對象本身函數的返回值函數的返回值為基本數據類型，如字符串，數字，，，。示例代碼如下函數的返回值為對象。要想學好JavaScript除了基本的JavaScript知識點外，作為JavaScript的第一等公民——函數，我們要深入的了解。函數的多變來源于參數的靈活多變和返回值的多變。如果參數...

mgckid 2019-08-22 15:10 評論0 收藏0
Ts學習深入淺出

摘要：別急還沒說完我們使用操作符構造了類的一個實例，這會調用類的構造函數，按照定義對實例進行初始化注意為了兼容和，中的類會被編譯為中的函數。前言: 我們為需要構建和維護大型JavaScript程序的團隊設計了TypeScript，以滿足他們的需求。TypeScript可幫助他們在軟件組件之間定義接口，并且幫助理解現存JavaScript庫的行為。同時，使用TypeScript的團隊可以將代...

wua_wua2012 2019-08-02 14:13 評論0 收藏0
Ts學習深入淺出

摘要：別急還沒說完我們使用操作符構造了類的一個實例，這會調用類的構造函數，按照定義對實例進行初始化注意為了兼容和，中的類會被編譯為中的函數。前言: 我們為需要構建和維護大型JavaScript程序的團隊設計了TypeScript，以滿足他們的需求。TypeScript可幫助他們在軟件組件之間定義接口，并且幫助理解現存JavaScript庫的行為。同時，使用TypeScript的團隊可以將代...

Dr_Noooo 2019-08-26 13:31 評論0 收藏0