成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

JavaScript函數(shù)重載

SnaiLiu / 3491人閱讀

摘要：實(shí)現(xiàn)函數(shù)重載函數(shù)重載，是等編程語(yǔ)言中具有的一項(xiàng)特性，這項(xiàng)特性允許創(chuàng)建數(shù)項(xiàng)名稱相同但輸入輸出類型或個(gè)數(shù)不同的子程序，它可以簡(jiǎn)單地稱為一個(gè)多帶帶功能可以執(zhí)行多項(xiàng)任務(wù)的能力。其它在中加入了類型，它自帶函數(shù)重載。

JavaScript實(shí)現(xiàn)函數(shù)重載 
函數(shù)重載（function overloading），是 Ada、C++、C#、D、Java等編程語(yǔ)言中具有的一項(xiàng)特性，這項(xiàng)特性允許創(chuàng)建數(shù)項(xiàng)名稱相同但輸入輸出類型或個(gè)數(shù)不同的子程序，它可以簡(jiǎn)單地稱為一個(gè)多帶帶功能可以執(zhí)行多項(xiàng)任務(wù)的能力。維基百科-函數(shù)重載

函數(shù)重載是強(qiáng)類型語(yǔ)言的特性，雖然 js 是弱類型語(yǔ)言，我們可以通過(guò)一些方法實(shí)現(xiàn)函數(shù)重載。

場(chǎng)景

班級(jí)中有很多學(xué)生，通過(guò)姓名要找到某個(gè)學(xué)生或多個(gè)學(xué)生時(shí)，同一個(gè)方法傳入的參數(shù)個(gè)數(shù)的不同去查找同學(xué)。

const classRoom = {
    students: ["武大", "郎二", "張三", "張起靈", "李四", "王五"],
}

classRoom.find(); // ["武大", "郎二", "張三", "張起靈", "李四", "王五"];
classRoom.find("張"); // ["張三", "張起靈"];
classRoom.find("張", "三"); // ["張三"];

find()方法不傳入?yún)?shù)時(shí)，輸出班級(jí)所有學(xué)生。

find()方法傳一個(gè)參數(shù)（姓），輸入班級(jí)相同姓的學(xué)生。

find()方法傳兩個(gè)個(gè)參數(shù)（姓，名），輸入班級(jí)相同姓名的學(xué)生。

第一種

我們使用 arguments 和 switch 實(shí)現(xiàn)重載。

classRoom.find = function() {
    switch(arguments.length) {
        case 0:
            return this.students;
        case 1:
            return this.students.filter(student => {
                let surname = arguments[0];
                return ~student.indexOf(surname);
            });
        case 2:
            return this.students.filter(student => {
                let fullName = Array.prototype.slice.call(arguments).join("");
                return ~student.indexOf(fullName);
            });
    }
}

console.log(classRoom.find()); // [ "武大", "郎二", "張三", "張起靈", "李四", "王五" ]
console.log(classRoom.find("張")); // [ "張三", "張起靈" ]
console.log(classRoom.find("三")); // [ "張三" ]
第二種

使用 arguments 和閉包。

function addMethod(target, name, fn) {
    const old = target[name];

    target[name] = function() {
        if (fn.length === arguments.length) {
            return fn.apply(this, arguments);
        } else if (typeof old === "function") {
            return old.apply(this, arguments);
        }
    }
}

addMethod(classRoom, "find", function() {
    return this.students;
});

addMethod(classRoom, "find", function(surname) {
    return this.students.filter(student => {
        return ~student.indexOf(surname);
    });
});

addMethod(classRoom, "find", function(surname, personalName) {
    return this.students.filter(student => {
        return ~student.indexOf(surname + personalName);
    });
});

console.log(classRoom.find()); // [ "武大", "郎二", "張三", "張起靈", "李四", "王五" ]
console.log(classRoom.find("張")); // [ "張三", "張起靈" ]
console.log(classRoom.find("三")); // [ "張三" ]

調(diào)用addMethod時(shí)會(huì)將匿名函數(shù)指向classRoom中的find，由于classRoom是全局變量所以addMethod執(zhí)行完畢后其中的old、fn仍然在被引用，這里產(chǎn)生閉包。

所以在每次調(diào)用addMethod時(shí)，都有一個(gè)執(zhí)行環(huán)境保存著當(dāng)時(shí)的old以及fn，所以在使用find方法是可以找到fn，實(shí)現(xiàn)重載。

需要注意的是：

這個(gè)重載適用于不同數(shù)量的參數(shù)，不區(qū)分類型、參數(shù)名或其它。

會(huì)有一些函數(shù)調(diào)用的開銷。

其它

在 TypeScript 中加入了類型，它自帶函數(shù)重載。ts函數(shù)

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/103506.html

相關(guān)文章

  • JavaScript中的函數(shù)重載（Function overloading）

    摘要：說(shuō)明中沒(méi)有真正意義上的函數(shù)重載。先看第一種辦法，通過(guò)對(duì)象來(lái)實(shí)現(xiàn)對(duì)象，是函數(shù)內(nèi)部的一個(gè)類數(shù)組對(duì)象，它里面保存著調(diào)用函數(shù)時(shí)，傳遞給函數(shù)的所有參數(shù)。 說(shuō)明 JavaScript 中沒(méi)有真正意義上的函數(shù)重載。 函數(shù)重載 函數(shù)名相同，函數(shù)的參數(shù)列表不同(包括參數(shù)個(gè)數(shù)和參數(shù)類型)，根據(jù)參數(shù)的不同去執(zhí)行不同的操作。 我們舉個(gè)例子看看 function overload(a){ conso...

    inapt 評(píng)論0 收藏0

  • 重名就會(huì)被覆蓋？那JavaScript中是如何實(shí)現(xiàn)重載的呢？

    摘要：但是我們知道中是沒(méi)有重載的為什么沒(méi)重載不是的特性也會(huì)有的嗎，因?yàn)楹竺娑x的函數(shù)會(huì)覆蓋前面的同名函數(shù)，但是重載那么好用，我們想在實(shí)現(xiàn)函數(shù)重載該怎么辦呢今天就來(lái)給大家講講在里面實(shí)現(xiàn)函數(shù)重載的兩個(gè)思路。這就是閉包的核心作用。 大家都知道，所謂重載，就是一組相同的函數(shù)名，有不同個(gè)數(shù)的參數(shù)，在使用時(shí)調(diào)用一個(gè)函數(shù)名，傳入不同參數(shù)，根據(jù)你的參數(shù)個(gè)數(shù)，來(lái)決定使用不同的函數(shù)！重載這個(gè)在JAVA這些經(jīng)典的...

    mozillazg 評(píng)論0 收藏0

  • JavaScript實(shí)現(xiàn)函數(shù)重載

    摘要：我們知道，函數(shù)可以隨意傳遞任意數(shù)量任意類型的參數(shù)，那么它有沒(méi)有重載呢答案是有的，下面我們通過(guò)種方法來(lái)實(shí)現(xiàn)的函數(shù)重載。因此，每次調(diào)用，都會(huì)有一個(gè)執(zhí)行環(huán)境保存著當(dāng)時(shí)的和，所以在調(diào)用的時(shí)候可以找到當(dāng)時(shí)注入的，實(shí)現(xiàn)函數(shù)重載。 概念 重載是指函數(shù)或者方法有相同的名稱，但是參數(shù)個(gè)數(shù)或類型不相同的情形，這樣的同名不同參的函數(shù)或者方法之間，互相稱之為重載函數(shù)或方法。 我們知道，JavaScript函數(shù)...

    QLQ 評(píng)論0 收藏0

  • JavaScript函數(shù)重載

    摘要：譯者按之父巧妙地利用了閉包，實(shí)現(xiàn)了函數(shù)重載。在一個(gè)業(yè)余項(xiàng)目中，我寫了一個(gè)簡(jiǎn)單的函數(shù)，用于實(shí)現(xiàn)函數(shù)重載。而所謂函數(shù)重載，就是函數(shù)名稱一樣，但是輸入輸出不一樣。 譯者按: jQuery之父John Resig巧妙地利用了閉包，實(shí)現(xiàn)了JavaScript函數(shù)重載。 原文: JavaScript Method Overloading 譯者: Fundebug 為了保證可讀性，本文采用意...

    testHs 評(píng)論0 收藏0

  • JavaScript之模擬函數(shù)重載

    摘要：背景高級(jí)程序設(shè)計(jì)中提及，不支持函數(shù)重載。若出現(xiàn)函數(shù)名稱相同情況下，后者覆蓋前者，故此不會(huì)出現(xiàn)重載的情況。維基百科場(chǎng)景例如，一個(gè)工廠有著數(shù)量級(jí)的員工，期望通過(guò)姓名找到某一員工或某類員工，使用同一個(gè)方法通過(guò)透?jìng)鲄?shù)個(gè)數(shù)去查找員工。 背景 ???????《JavaScript高級(jí)程序設(shè)計(jì)》中提及，JavaScript 不支持函數(shù)重載。若出現(xiàn)函數(shù)名稱相同情況下，后者覆蓋前者，故此不會(huì)出現(xiàn)重載...

    chenjiang3 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<