首頁 > web前端 > js教程 > 主體

詳解JavaScript函數綁定_基礎知識

WBOY
發布: 2016-05-16 17:25:04
原創
1347 人瀏覽過

複製代碼 代碼如下:



   
       

複製程式碼
程式碼如下: 程式碼如下:

程式碼如下:


document.getElementById('btnTest').onclick=function(){
                 這樣就可以得到預期的結果,這個解決方案在onclick程式內部使用一個閉包直接呼叫handler.handlerFun()方法,當然這是特定於此場景的解決方案,創建多個閉包可能會令程式碼難以理解和調試。

自訂bind函數

複製程式碼 程式碼如下:               與者 function(){
                     };
            }

    .onclick=bind(handler.handlerFun,handler);


透過自訂的bind函數可以將函數綁定到指定環境,bind()函數接收兩個參數:一個綁定函數,一個執行環境,並傳回一個在執行環境中呼叫綁定函數的函數。看起來很簡單,但是其功能很強大,在bing()中創建了一個閉包,閉包使用apply()調用傳入的函數,並給apply()傳入執行環境和參數,這裡的arguments是內部匿名函數的,而非bind()的。當呼叫傳回的函數時,它會在給定的函數中執行被傳入的函數,並給出所有參數。上面例子的呼叫handler.handlerFun依舊可以得到參數event,因為所有參數在都經由綁定的函式傳遞給它了。

小結
一旦要將某個函數以函數指標的形式傳遞,同時該函數必須在特定的環境中執行,自訂的bind()函數就可以使用,他們主要用於事件處理程序及setTimeout和setInterval,然而這種綁定方式和普通函數相比需要更多的記憶體開銷,所以盡量只在必要的時候使用。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板