js中修改this的指向方法整理

　　JavaScript(簡稱“JS”) 是一種具有函式優先的輕量級，解釋型或即時編譯型的程式語言。雖然它是作為開發Web頁面的指令碼語言而出名，但是它也被用到了很多非瀏覽器環境中，JavaScript 基於原型程式設計、多正規化的動態指令碼語言，並且支援物件導向、命令式和宣告式(如函數語言程式設計)風格。接下來小編要為大家介紹的就是關於js中修改this的指向方法整理，希望能夠給大家帶來幫助。

　　js中修改this的指向方法整理：

　　方法一：call

　　使用方法：fun.call(thisArg[,arg1[, arg2[, ...]]])

　　該方法傳遞一個thisArgs和一個引數列表，thisArgs制定了函式在執行中的呼叫者，也就是函式中的this物件，而引數列表會被傳入呼叫函式中。

　　call 方法可以在一個物件上借用另一個物件的方法

　　案例：Object.prototype.tostring.call([])。一個Array物件借用了Object物件上的方法

　　thisArgs的取值情況：

　　(1)不傳，或者傳null，undefined，函式中的this指向window物件。

　　(2)傳遞另一個函式的函式名，函式中的this指向這個函式的引用

　　(3)傳遞字串，數值或者不二型別的那個基礎資料型別，函式中的this指向其對應的包裝物件，如string，number，boolean

　　(4)傳遞一個物件，函式中的this指向這個物件。

　　這是call的核心功能，它允許你在一個物件上呼叫該物件沒有定義的方法，並且這個方法可以訪問該物件中的屬性。

　　還可以透過call方法來呼叫匿名函式

　　在下例中的for迴圈體內，我們建立了一個匿名函式，然後透過呼叫該函式的call方法，將每個陣列元素作為指定的this值執行了那個匿名函式。這個匿名函式的主要目的是給每個陣列元素物件新增一個print方法，這個print方法可以列印出各元素在陣列中的正確索引號。當然，這裡不是必須得讓陣列元素作為this值傳入那個匿名函式(普通引數就可以)，目的是為了演示call的用法。

　　方法二：apply()方法

　　fun.apply(thisArg, [argsArray])

　　apply和call的唯一區別是第二個引數的傳遞方式不同，apply的第二個引數必須是一個陣列，而call允許傳遞一個引數列表。值得你注意的是，雖然apply接收的是一個引數陣列，但在傳遞給呼叫函式時，卻是以引數列表的形式傳遞。

　　注意：這裡的argsArray可以是一個陣列或者類陣列物件，如果該引數的值為null 或 undefined，則表示不需要傳入任何引數。

　　apply方法的實用寫法

　　當引數是明確知道數量時用call;不確定的時候用apply，然後把引數push進陣列傳遞進去，也可以透過arguments這個陣列來遍歷所有的引數。

　　方法三：bind()方法

　　fun.bind(thisArg, [arg1, [arg2, [...]]])

　　bind是ES5新增的一個方法，它的傳參和call類似，但又和call/apply有著顯著的不同，即呼叫call或apply都會自動執行對應的函式，而bind不會執行對應的函式，只是返回了對函式的引用。

　　ES5中新增加的bind方法可以彌補call()和apply()方法的不足，由於call/apply會對目標函式自動執行，從而導致它無法在事件繫結函式中使用，因為事件繫結函式不需要我們手動執行，它是在事件被觸發時由JS內部自動執行的。而bind在實現改變函式this的同時又不會自動執行目標函式，因此可以完美的解決上述問題，我們來看看一個例子：