87,991
社区成员
发帖
与我相关
我的任务
分享求问JS函数绑定闭包问题？
<body>
<input id="btnTest" type="button" value="Button"/>
<script type="text/javascript">
var handler={
message:"Event handled.",
handlerFun:function(){
alert(this.message);
}
};
document.getElementById('btnTest').onclick=handler.handlerFun;
</script>
</body>
点击后对话框内容本应该是弹出Event handled，但是实际是undefined。
但是修改：
document.getElementById('btnTest').onclick=function(){
handler.handlerFun();
}
这样就可以弹出Event handled！书上说是用了闭包，但是实在理解不了怎么利用闭包了？
<input id="btnTest" type="button" value="Button"/>
<script type="text/javascript">
var handler={
message:"Event handled.",
handlerFun:function(){
alert(this.message);
}
};
document.getElementById('btnTest').onclick=handler.handlerFun;
</script>
</body>
点击后对话框内容本应该是弹出Event handled，但是实际是undefined。
但是修改：
document.getElementById('btnTest').onclick=function(){
handler.handlerFun();
}
这样就可以弹出Event handled！书上说是用了闭包，但是实在理解不了怎么利用闭包了？
...全文
请发表友善的回复…
发表回复
天际的海浪 2017-03-21
- 打赏
- 举报
这和闭包没关系，是方法的调用对象不同而已。
handler.handlerFun();这样函数是以handler对象的方法的形式来调用的。函数内的this指向handler对象。
document.getElementById('btnTest').onclick=handler.handlerFun;这样设置之后，在事件触发时函数是以btnTest元素的方法的形式来调用的。函数内的this指向btnTest元素。
