欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

從JQuery源碼分析JavaScript函數(shù)的apply方法與call方法

 更新時間：2014年09月25日 10:47:11   投稿：junjie  
這篇文章主要介紹了從JQuery源碼分析JavaScript函數(shù)的apply方法與call方法,本文結(jié)合JQuery源碼和js高級程序設(shè)計再次探究apply方法與call方法,需要的朋友可以參考下

最近在使用jQuery的$.each方法時很，突然想到$.each($(‘div'),function(index,entity){});中的這個index和entity是哪冒出來的，而且可有可無的，而且這么高大上的能告訴我們當前遍歷的下標和實例。所以看了一下jQuery源代碼，是這么寫的：

調(diào)試的時候走的是標紅的這段代碼，然后用到了callback.call這個函數(shù)，于是翻看了一下《js高級程序設(shè)計》，其中有比較深的解釋。

首先，function是一個指向Function對象，函數(shù)名是一個指向函數(shù)的指針。那么在函數(shù)體內(nèi)，就會有一個作用域，即this關(guān)鍵字。

this關(guān)鍵字指的是函數(shù)運行的作用域，舉個例子來說:

復(fù)制代碼 代碼如下:

<script type="text/javascript">
        function funcA() {
            alert(this);
            alert("Function A");
        }
</script>

上面這段代碼中的函數(shù)funcA定義在全局環(huán)境中，那么函數(shù)體內(nèi)的this即window對象。

下面該到call和apply的說明了。以call函數(shù)為例，call的第一個參數(shù)，就是改變函數(shù)的作用域，后面的參數(shù)為傳入函數(shù)的所需的參數(shù)，必須與原函數(shù)的參數(shù)一直，舉例說明：

復(fù)制代碼 代碼如下:

<script type="text/javascript">
        var testO = { name: "Lily" };
        function funcA(a,b) {
            alert(this);
            alert("Function A");
        }

        function funcB(a, b) {
            funcA.call(testO, a, b);
        }

        funcB(1,2);  //this變成了testO
    </script>

我們定義funcB函數(shù)的中，調(diào)用了funcA的call函數(shù)，這個時候我們改變了funcA中this的指向，原本指向window的，現(xiàn)在指向了call的第一個參數(shù)testO這個對象。而且調(diào)用call時，因為funcA函數(shù)有兩個參數(shù)，所以如果要想funcA傳遞參數(shù)，必須一一指出參數(shù)，即后面的兩個參數(shù)a和b，或者可以只穿第一個參數(shù)

即：funcA.call(testO)；或者只傳a，即：funcA.call(testO,a);

而apply與call的區(qū)別僅在于，apply的第二個參數(shù)可以是數(shù)組形式，而且不必一一指出參數(shù)，funcA.apply(testO,[a,b])

介紹完call與apply的基本用法，該說說他哥倆真正的用武之地了，擴充函數(shù)賴以運行的作用域。

復(fù)制代碼 代碼如下:

<script type="text/javascript">
        window.color = "透明";
        var testObj = { color: "紅色" };

        function testFuc() {
            alert(this.color);
        }

        $(function () {
            1.testFuc(); //彈出“透明”
            2.testFuc(this); //彈出“undefined”
            3.testFuc.call(this.parent); //彈出“透明”
            4.testFuc.call(window); //彈出“透明”
            5.testFuc.call(testObj); //彈出“紅色”
        });
</script>

上面這段代碼演示了call的作用。第一個函數(shù)調(diào)用，this指向了window，所以彈出了window的color屬性。

第二個函數(shù)可能有些朋友以為也會彈出透明，但是請先確定我們的函數(shù)運行在$(function(){});中，這個jQuery的函數(shù)，了解jQuery的朋友都很清楚，在

$(function(){});中this的作用域指向的是document，然后我們調(diào)用testFunc，要彈出document的color，當然是未定義的。

第三個函數(shù)將testFunc的this指向了document的親爹window，彈出window的color當然也是沒有問題的。

第四個函數(shù)就更加直白了，把window傳進去了

第五個函數(shù)，將testFunc的this指向了testObj，彈出了紅色。

講到這里，用法大家應(yīng)該都有所了解了，但是具體怎么去理解怎么去使用還是看自己的套路。

我是這么理解的，可以把這種用法看成是C#或者java中的泛型方法。比如一個C#方法的定義

復(fù)制代碼 代碼如下:

public void Test<T>(T a, T b) { }

這樣我們就可以實現(xiàn)對方法的擴展，實現(xiàn)通用的目的。

以上都是本人自己的看法和觀點，有什么不對之處還請大家指出來共同學習。

相關(guān)文章

最新評論