js中Function的apply方法與call方法理解

js中Function的apply方法與call方法理解
調試的時候走的是標紅的這段代碼，然後用到了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) { }這樣我們就可以實現對方法的擴充，實現通用的目的。