亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

從JQuery源碼分析JavaScript函數的apply方法與call方法

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

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

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

首先,function是一個指向Function對象,函數名是一個指向函數的指針。那么在函數體內,就會有一個作用域,即this關鍵字。

this關鍵字指的是函數運行的作用域,舉個例子來說:

復制代碼 代碼如下:

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

上面這段代碼中的函數funcA定義在全局環境中,那么函數體內的this即window對象。

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

復制代碼 代碼如下:

<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函數的中,調用了funcA的call函數,這個時候我們改變了funcA中this的指向,原本指向window的,現在指向了call的第一個參數testO這個對象。而且調用call時,因為funcA函數有兩個參數,所以如果要想funcA傳遞參數,必須一一指出參數,即后面的兩個參數a和b,或者可以只穿第一個參數

即:funcA.call(testO);或者只傳a,即:funcA.call(testO,a);

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

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

復制代碼 代碼如下:

<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的作用。第一個函數調用,this指向了window,所以彈出了window的color屬性。

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

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

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

第四個函數就更加直白了,把window傳進去了

第五個函數,將testFunc的this指向了testObj,彈出了紅色。

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

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

復制代碼 代碼如下:

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

這樣我們就可以實現對方法的擴展,實現通用的目的。

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
美日韩精品免费视频| 国产精品a久久久久久| 成人欧美一区二区三区在线湿哒哒| 亚洲区免费影片| 色与欲影视天天看综合网| 欧美成人全部免费| 国产亚洲精品一区二555| 欧美成人免费视频| 国产精品视频网站| 啪一啪鲁一鲁2019在线视频| 日韩国产精品一区| 欧美电影在线免费观看网站| 日韩成人性视频| 中文字幕亚洲无线码在线一区| 18久久久久久| 成人免费自拍视频| 中文字幕免费国产精品| 久久中国妇女中文字幕| 国产91av在线| 亚洲国产成人精品一区二区| 亚洲精品一区二区三区不| 伊人久久五月天| 午夜剧场成人观在线视频免费观看| 91在线观看免费网站| 国产精品九九久久久久久久| 久久伊人精品视频| 自拍亚洲一区欧美另类| 97视频在线观看亚洲| 黄色成人av网| 欧美国产在线电影| 国产精品自产拍在线观| 国产自产女人91一区在线观看| 萌白酱国产一区二区| 久久精品国产视频| 欧美精品在线观看91| 91网站在线看| 自拍偷拍免费精品| 国产精品青草久久久久福利99| 欧美日韩免费观看中文| 国产精品视频区| 欧洲亚洲妇女av| 日本韩国欧美精品大片卡二| 日韩av成人在线| 久久久久久久久中文字幕| 亚洲欧美在线磁力| 在线播放亚洲激情| 韩国三级日本三级少妇99| 国产精品久久久久久久久久久久久久| 午夜精品在线观看| 久久福利网址导航| y97精品国产97久久久久久| 久久综合色影院| 久久久国产精品x99av| 国产精自产拍久久久久久蜜| 亚洲丁香久久久| 亚洲国产精品视频在线观看| 日韩综合视频在线观看| 日韩免费高清在线观看| 亚洲激情视频在线| 久久精品夜夜夜夜夜久久| 国产精品久久久久久搜索| 2019中文在线观看| 欧美精品videos另类日本| 2023亚洲男人天堂| 超薄丝袜一区二区| 91高清视频免费| 成人乱色短篇合集| 久久久久久亚洲精品中文字幕| 欧美大人香蕉在线| 久久精品小视频| 久久久久久久久久久网站| 久久久女人电视剧免费播放下载| 色综合久久久888| 亚洲福利在线看| 国产亚洲精品久久久久动| 亚洲精品自产拍| 久久久免费在线观看| 亚洲精品美女在线| 久久免费视频观看| 国产精品日韩在线一区| 精品精品国产国产自在线| 91在线|亚洲| 日韩精品福利网站| 亚洲欧洲国产精品| 国产精品九九九| 日韩经典中文字幕在线观看| 亚洲www在线| 国产成人一区二区三区小说| 欧美日韩亚洲国产一区| 欧美成人激情视频免费观看| 成人乱人伦精品视频在线观看| 国产成人极品视频| 日韩精品中文字幕在线播放| 欧美成人国产va精品日本一级| 5252色成人免费视频| 综合av色偷偷网| 日韩免费在线免费观看| 久久久999精品| 最近2019中文免费高清视频观看www99| 日韩中文字幕不卡视频| 欧美日韩不卡合集视频| 亚洲精品久久久久中文字幕欢迎你| 国产精品自拍偷拍| 国产精品吹潮在线观看| 成人在线免费观看视视频| 国产精品视频公开费视频| 亚洲第一网站男人都懂| 中文字幕亚洲一区| 亚洲精品国产电影| 亚洲网站在线播放| 91chinesevideo永久地址| 成人黄色av免费在线观看| 91欧美精品午夜性色福利在线| 日韩av成人在线观看| 51色欧美片视频在线观看| 精品一区精品二区| 亚洲精品永久免费精品| 中文字幕亚洲综合久久| 亚洲精品国产精品乱码不99按摩| 最好看的2019的中文字幕视频| 国产不卡精品视男人的天堂| 日本人成精品视频在线| 久久午夜a级毛片| 日韩电影在线观看免费| 国产亚洲欧洲高清一区| 日韩欧美精品网站| 亚洲精品福利免费在线观看| 精品久久久久久中文字幕| 欧美性色视频在线| 国产一区二区三区日韩欧美| 国产午夜精品全部视频在线播放| 久热国产精品视频| 日韩欧美福利视频| 色综合色综合网色综合| 欧美亚州一区二区三区| 国产一区视频在线| 成人淫片在线看| 高潮白浆女日韩av免费看| 精品av在线播放| 亚洲天堂av高清| 欧美激情18p| 精品香蕉一区二区三区| 亚洲精品福利免费在线观看| 亚洲精品电影在线| 亚洲乱亚洲乱妇无码| 欧美在线视频a| 国产成人精品优优av| 久久国产精品免费视频| 精品亚洲一区二区三区四区五区| 日本精品免费观看| 亚洲一区二区福利| 亚洲福利视频在线| 国产精品成人观看视频国产奇米| 97精品国产91久久久久久| 欧美日本亚洲视频| 久久天天躁狠狠躁夜夜av| 国产免费一区视频观看免费| 亚洲成人性视频| 日日噜噜噜夜夜爽亚洲精品| 日本中文字幕成人| 欧美日韩免费区域视频在线观看| 91麻豆桃色免费看| 亚洲福利小视频| 69久久夜色精品国产7777|