亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

JavaScript函數(shù)重載

SnaiLiu / 3503人閱讀

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

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

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

場景

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

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

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

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

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

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

第一種

我們使用 arguments 和 switch 實現(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ù)指向classRoom中的find，由于classRoom是全局變量所以addMethod執(zhí)行完畢后其中的old、fn仍然在被引用，這里產(chǎn)生閉包。

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

需要注意的是：

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

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

其它

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

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

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/103506.html

相關(guān)文章

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

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

    inapt 評論0 收藏0

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

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

    mozillazg 評論0 收藏0

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

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

    QLQ 評論0 收藏0

  • JavaScript函數(shù)重載

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

    testHs 評論0 收藏0

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

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

    chenjiang3 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<