javascript bind绑定函数代码
更新时间：2010年01月05日 13:58:02 作者：
bind函数，顾名思义，用于为调用函数绑定一个作用域，因为this很容易跟丢它原来所在的作用域，直接指向顶层的window对象。
具体结论可参见《javascript下动态this与动态绑定实例代码》。本文专注设计一个无侵入的绑定函数。
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
基于不扩展原生对象的原则，弄了这个bind函数（dom为作用域），用法与Prototype框架的bind差不多。
dom.bind = function(fn,context){
//第二个参数如果你喜欢的话，也可以改为thisObject,scope，
//总之，是一个新的作用域对象
if (arguments.length < 2 && context===undefined) return fn;
var method = fn,
slice = Array.prototype.slice,
args = slice.call(arguments, 2) ;
return function(){//这里传入原fn的参数
var array = slice.call(arguments, 0);
method.apply(context,args.concat(array))
}
用法：第一个参数为需要绑定作用域的函数，第二个为window或各种对象，其他参数随意。
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
另一个例子：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
基于不扩展原生对象的原则，弄了这个bind函数（dom为作用域），用法与Prototype框架的bind差不多。
复制代码 代码如下:
dom.bind = function(fn,context){
//第二个参数如果你喜欢的话，也可以改为thisObject,scope，
//总之，是一个新的作用域对象
if (arguments.length < 2 && context===undefined) return fn;
var method = fn,
slice = Array.prototype.slice,
args = slice.call(arguments, 2) ;
return function(){//这里传入原fn的参数
var array = slice.call(arguments, 0);
method.apply(context,args.concat(array))
}
用法：第一个参数为需要绑定作用域的函数，第二个为window或各种对象，其他参数随意。
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
另一个例子：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
您可能感兴趣的文章:
相关文章
这篇文章主要给大家介绍了关于js控制滚动条滚动的两种简单方法,通过JavaScript可以直接控制滚动条的位置,从而达到锁定滚动条的效果,文中通过示例代码介绍的非常详细,需要的朋友可以参考下2023-07-07
JS/HTML5游戏常用算法之碰撞检测 地图格子算法实例详解
这篇文章主要介绍了JS/HTML5游戏常用算法之碰撞检测 地图格子算法,结合实例形式详细分析了javascript碰撞检测算法的相关原理、实现技巧与操作注意事项,需要的朋友可以参考下2018-12-12
new大家肯定都不陌生，单身没有对象的时候就new一个，很方便。那么它在创建实例的时候，具体做了哪些操作呢？今天我们就来一起分析一下。2021-04-04
在本篇内容中小编给各位分享的是关于如何使用JS控制下拉列表左右选择的实例代码，需要的朋友们可以参考下。2020-05-05
这篇文章主要介绍了JS异步宏队列与微队列原理区别详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-07-07
基于JS实现弹出一个隐藏的div窗口body页面变成灰色并且不可被编辑
这篇文章主要介绍了基于JS实现弹出一个隐藏的div窗口body页面变成灰色并且不可被编辑的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-12-12
动态添加、删除行想必大家并不陌生，下面为大家介绍通过js是如何实现的，有此需求的朋友可不要错过了哈2013-08-08
这篇文章主要介绍了js实现兼容IE、Firefox的图片缩放代码,涉及JavaScript操作图片元素的相关技巧,需要的朋友可以参考下2015-12-12
最近在解决项目中网站浏览器兼容性问题，发现chrome竟然不支持form.submit，经网上搜寻，终于找到了解决方案，有需要的小伙伴参考下。2015-04-04
javaScript事件学习小结（四）event的公共成员（属性和方法）
这篇文章主要介绍了javaScript事件学习小结（四）event的公共成员（属性和方法）的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-06-06
最新评论