javascript bind綁定函數(shù)代碼
更新時(shí)間：2010年01月05日 13:58:02 作者：
bind函數(shù)，顧名思義，用于為調(diào)用函數(shù)綁定一個(gè)作用域，因?yàn)閠his很容易跟丟它原來(lái)所在的作用域，直接指向頂層的window對(duì)象。
具體結(jié)論可參見《javascript下動(dòng)態(tài)this與動(dòng)態(tài)綁定實(shí)例代碼》。本文專注設(shè)計(jì)一個(gè)無(wú)侵入的綁定函數(shù)。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
基于不擴(kuò)展原生對(duì)象的原則，弄了這個(gè)bind函數(shù)（dom為作用域），用法與Prototype框架的bind差不多。
dom.bind = function(fn,context){
//第二個(gè)參數(shù)如果你喜歡的話，也可以改為thisObject,scope，
//總之，是一個(gè)新的作用域?qū)ο?
if (arguments.length < 2 && context===undefined) return fn;
var method = fn,
slice = Array.prototype.slice,
args = slice.call(arguments, 2) ;
return function(){//這里傳入原fn的參數(shù)
var array = slice.call(arguments, 0);
method.apply(context,args.concat(array))
}
用法：第一個(gè)參數(shù)為需要綁定作用域的函數(shù)，第二個(gè)為window或各種對(duì)象，其他參數(shù)隨意。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
另一個(gè)例子：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
基于不擴(kuò)展原生對(duì)象的原則，弄了這個(gè)bind函數(shù)（dom為作用域），用法與Prototype框架的bind差不多。
復(fù)制代碼 代碼如下:
dom.bind = function(fn,context){
//第二個(gè)參數(shù)如果你喜歡的話，也可以改為thisObject,scope，
//總之，是一個(gè)新的作用域?qū)ο?
if (arguments.length < 2 && context===undefined) return fn;
var method = fn,
slice = Array.prototype.slice,
args = slice.call(arguments, 2) ;
return function(){//這里傳入原fn的參數(shù)
var array = slice.call(arguments, 0);
method.apply(context,args.concat(array))
}
用法：第一個(gè)參數(shù)為需要綁定作用域的函數(shù)，第二個(gè)為window或各種對(duì)象，其他參數(shù)隨意。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
另一個(gè)例子：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
您可能感興趣的文章:
- javascript中的Function.prototye.bind
- javascript之bind使用介紹
- js apply/call/caller/callee/bind使用方法與區(qū)別分析
- js bind 函數(shù) 使用閉包保存執(zhí)行上下文
- JavaScript中的prototype.bind()方法介紹
- js設(shè)置組合快捷鍵/tabindex功能的方法
- javascript中bind函數(shù)的作用實(shí)例介紹
- 淺談javascript中call()、apply()、bind()的用法
- JS中改變this指向的方法(call和apply、bind)
- 深入理解JS中的Function.prototype.bind()方法
相關(guān)文章
js控制滾動(dòng)條滾動(dòng)的兩種簡(jiǎn)單方法
這篇文章主要給大家介紹了關(guān)于js控制滾動(dòng)條滾動(dòng)的兩種簡(jiǎn)單方法,通過(guò)JavaScript可以直接控制滾動(dòng)條的位置,從而達(dá)到鎖定滾動(dòng)條的效果,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-07-07
JS/HTML5游戲常用算法之碰撞檢測(cè) 地圖格子算法實(shí)例詳解
這篇文章主要介紹了JS/HTML5游戲常用算法之碰撞檢測(cè) 地圖格子算法,結(jié)合實(shí)例形式詳細(xì)分析了javascript碰撞檢測(cè)算法的相關(guān)原理、實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下2018-12-12
如何自己實(shí)現(xiàn)JavaScript的new操作符
new大家肯定都不陌生，單身沒(méi)有對(duì)象的時(shí)候就new一個(gè)，很方便。那么它在創(chuàng)建實(shí)例的時(shí)候，具體做了哪些操作呢？今天我們就來(lái)一起分析一下。2021-04-04
在本篇內(nèi)容中小編給各位分享的是關(guān)于如何使用JS控制下拉列表左右選擇的實(shí)例代碼，需要的朋友們可以參考下。2020-05-05
JS異步宏隊(duì)列與微隊(duì)列原理區(qū)別詳解
這篇文章主要介紹了JS異步宏隊(duì)列與微隊(duì)列原理區(qū)別詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-07-07
基于JS實(shí)現(xiàn)彈出一個(gè)隱藏的div窗口body頁(yè)面變成灰色并且不可被編輯
這篇文章主要介紹了基于JS實(shí)現(xiàn)彈出一個(gè)隱藏的div窗口body頁(yè)面變成灰色并且不可被編輯的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-12-12
js實(shí)現(xiàn)動(dòng)態(tài)添加、刪除行、onkeyup表格求和示例
動(dòng)態(tài)添加、刪除行想必大家并不陌生，下面為大家介紹通過(guò)js是如何實(shí)現(xiàn)的，有此需求的朋友可不要錯(cuò)過(guò)了哈2013-08-08
js實(shí)現(xiàn)兼容IE、Firefox的圖片縮放代碼
這篇文章主要介紹了js實(shí)現(xiàn)兼容IE、Firefox的圖片縮放代碼,涉及JavaScript操作圖片元素的相關(guān)技巧,需要的朋友可以參考下2015-12-12
最近在解決項(xiàng)目中網(wǎng)站瀏覽器兼容性問(wèn)題，發(fā)現(xiàn)chrome竟然不支持form.submit，經(jīng)網(wǎng)上搜尋，終于找到了解決方案，有需要的小伙伴參考下。2015-04-04
javaScript事件學(xué)習(xí)小結(jié)（四）event的公共成員（屬性和方法）
這篇文章主要介紹了javaScript事件學(xué)習(xí)小結(jié)（四）event的公共成員（屬性和方法）的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06