function bind(fn, context) {
return function() {
return fn.apply(context, arguments);
}
}
不明白为什么能获得event对象?为什么所有的参数(这里指的function的参数吧?那function的参数是什么?是event对象的吗?)都通过被绑定的函数直接传给它?
分开来看可能要好理解一点。
var fixedHandler = bind( handler.handleClick, handler );
EventUtil.addHandler( btn, "click", fixedHandler );
以上代码,fixedHandler 是 bind 返回的一个函数,把 fixedHandler 作为事件处理程序添加后,当事件发生时,浏览器会把 event 传递给 fixedHandler。fixedHandler 又在内部通过 apply 把自己的所有参数(arguments) 传递给 handler.handleClick 。
题主要理解好 arguments 和 apply。
arguments返回的是当前函数的参数
arguments 是内部的……这个翻译有点歧义,它的意思是语言内部定义的,或者说是预定义的,代表函数获得的所有参数,以一个类似数组的对象表示。
原话
注意这里使用的 arguments 对象是内部函数的
这里的“内部”是修饰“函数”而不是 arguments,
function bind(fn, context) { // <-- 这个 function 是(相对)外部函数
return function() { // <-- 这个 function 是(相对)内部函数
return fn.apply(context, arguments);
}
}
另外,你需要了解 apply。
综上及示例,bind
函数把 handler.handleClick
和 handler
绑定起来了,也就是说,上面 bind 的定义中,fn
对应的是 handler.handleClick,而
context 对应的是
handler`。
定义返回的匿名函数假定为 fx
,那么在事件触发时,会调用 fx(event)
,由于内部有 fn.apply(context, arguments)
调用,这里的 arguments
实际是一个类数组 [event]
,相当于通过 apply
把 event
传递给了 fn
,即 handler.handleclick
。
看书不认真:
注意这里使用的 arguments
是内部函数的,而非 bind()
的。