麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

Javascript中的默認參數詳解

2019-11-20 14:00:21
字體:
來源:轉載
供稿:網友

一些語言――像Ruby,CoffeeScript及即將到來的javascript版本――在定義一個函數的時候,可以聲明默認參數,像下面這樣:

復制代碼 代碼如下:

function myFunc(param1, param2 = "second string") {
    console.log(param1, param2);
}

// Outputs: "first string" and "second string"
myFunc("first string");

// Outputs: "first string" and "second string version 2"
myFunc("first string", "second string version 2");

不幸的是,在當前的javascript版本,這種寫法的無效的。因此,我們能做些什么來實現這種方式,使用我們現有的工具集?

最簡單的解決方式像這樣:

復制代碼 代碼如下:

function myFunc(param1, param2) {
    if (param2 === undefined) {
        param2 = "second string";
    }

    console.log(param1, param2);
}

// Outputs: "first string" and "second string version 2"
myFunc("first string", "second string version 2");

事實是一個被省略的參數在訪問時總是“undefined”。如果你只有一個參數,這是一個好的解決方式,當時如果有多個呢?

如果你多于一個參數,你可以使用一個對象作為參數,這樣有一個優點是每個參數都有一個明確的命名。如果你傳遞一個對象參數,你可以使用相同的方式聲明默認值。

復制代碼 代碼如下:

function myFunc(paramObject) {
    var defaultParams = {
        param1: "first string",
        param2: "second string",
        param3: "third string"
    };

    var finalParams = defaultParams;

    // We iterate over each property of the paramObject
    for (var key in paramObject) {
        // If the current property wasn't inherited, proceed
        if (paramObject.hasOwnProperty(key)) {
            // If the current property is defined,
            // add it to finalParams
            if (paramObject[key] !== undefined) {
                finalParams[key] = paramObject[key];
            }
        }
    }

    console.log(finalParams.param1,
                finalParams.param2,
                finalParams.param3);
}
myFunc({param1: "My own string"});

這是一個有點笨拙,如果你使用這種方式的地方很多,可以寫個封裝函數,幸運的是,現在好多庫中帶了相關方法,比如jQuery和Underscore中的extend方法。

下面使用Underscore的extend方法來實現上面相同的結果:

復制代碼 代碼如下:

function myFunc(paramObject) {
    var defaultParams = {
        param1: "first string",
        param2: "second string",
        param3: "third string"
    };

    var finalParams = _.extend(defaultParams, paramObject);

    console.log(finalParams.param1,
                finalParams.param2,
                finalParams.param3);
}

// Outputs:
// "My own string" and "second string" and "third string"
myFunc({param1: "My own string"});

這就是你如何能得到默認參數,在當前的javascript版本中。

文中不妥之處歡迎批評指正。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 精品国产一区二区三区蜜殿 | 激情夜色 | 99精品国产小情侣高潮露脸在线 | 看免费黄色大片 | 国产69精品久久久久99尤 | 国产精品成人免费一区久久羞羞 | 一区二区三区四区高清视频 | 久久久www成人免费精品 | 国产精品一区二区三区在线播放 | 成人免费在线视频 | 海角在线观看91一区二区 | 成人三级免费电影 | 国产高潮好爽受不了了夜色 | 伊人午夜| 免费小毛片 | 成人做爽爽爽爽免费国产软件 | 免费视频一区 | 免看黄大片aa | 毛片福利 | 久草视频国产在线 | 国产美女爽到喷白浆的 | 欧美一级免费高清 | 国产精品99精品 | 国产一区二区二 | 情侣啪啪网站 | 精精国产xxxx视频在线野外 | 国产精品资源手机在线播放 | 欧美成人免费电影 | 毛片在线视频免费观看 | 18视频在线观看娇喘 | 成人午夜视频免费看 | 亚洲精品一区中文字幕 | 国产精品亚洲一区二区三区久久 | 二区三区四区视频 | 久久免费视频8 | 激情小视频在线观看 | 欧美国产日韩在线观看成人 | 一区二区久久精品66国产精品 | 777午夜精品视频在线播放 | 激情宗合 | 日韩黄色片网站 |