js參數(shù)對象實現(xiàn)可選參數(shù)和參數(shù)默認值

BetaRabbit 發(fā)布于2019-08-20 12:20 / 611人閱讀

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

js參數(shù)對象實現(xiàn)可選參數(shù)和參數(shù)默認值

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

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

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

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

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

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

ES5實現(xiàn)可選參數(shù)對象

    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實現(xiàn)可選參數(shù)對象-語法糖解構賦值

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

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

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

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

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

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

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

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

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

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

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

摘要：別急還沒說完我們使用操作符構造了類的一個實例，這會調用類的構造函數(shù)，按照定義對實例進行初始化注意為了兼容和，中的類會被編譯為中的函數(shù)。前言: 我們?yōu)樾枰獦嫿ê途S護大型JavaScript程序的團隊設計了TypeScript，以滿足他們的需求。TypeScript可幫助他們在軟件組件之間定義接口，并且?guī)椭斫猬F(xiàn)存JavaScript庫的行為。同時，使用TypeScript的團隊可以將代...

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

摘要：別急還沒說完我們使用操作符構造了類的一個實例，這會調用類的構造函數(shù)，按照定義對實例進行初始化注意為了兼容和，中的類會被編譯為中的函數(shù)。前言: 我們?yōu)樾枰獦嫿ê途S護大型JavaScript程序的團隊設計了TypeScript，以滿足他們的需求。TypeScript可幫助他們在軟件組件之間定義接口，并且?guī)椭斫猬F(xiàn)存JavaScript庫的行為。同時，使用TypeScript的團隊可以將代...

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