当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript bind绑定函数代码

Javascript
js 方法实现返回多个数据的代码
Ext 表单布局实例代码
javascript document.referrer 用法
JavaScript 字符编码规则
JS 动态加载脚本的4种方法
jQuery textarea的长度进行验证
jQuery select的操作实现代码
jQuery 1.2.x 升級 1.3.x 注意事项
关于viewport,Ext.panel和Ext.form.panel的关系
日期 时间js控件
JavaScript的parseInt 进制问题
javascript 有用的脚本函数
javascript 两个字符串比较函数
javascript 代码运行器
js arguments.callee的应用代码
JavaScript Table排序 2.0 (更新)
给Function做的OOP扩展
<script defer> defer 是什么意思
FF和IE之间7个JavaScript的差异
javascript获取当前ip的代码

Javascript 中的 javascript bind绑定函数代码


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 337 ::
收藏到网摘: n/a

bind函数,顾名思义,用于为调用函数绑定一个作用域,因为this很容易跟丢它原来所在的作用域,直接指向顶层的window对象。 具体结论可参见《javascript下动态this与动态绑定实例代码》。本文专注设计一个无侵入的绑定函数。

[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

基于不扩展原生对象的原则,弄了这个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 全选 提示:你可先修改部分代码,再按运行]

另一个例子:

[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]