js绑定事件this指向发生改变的问题解决方法

157 阅读 0 评论 104 点赞

我是靠谱客的博主舒适泥猴桃，最近开发中收集的这篇文章主要介绍js绑定事件this指向发生改变的问题解决方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

可对函数进行如下扩展

复制代码代码如下:

 
Function.prototype.bind = function(obj) { 
var _this = this; 
return function() { 
_this.apply(obj,arguments); 
} 
} 

用法如下

复制代码代码如下:

 
var a = function(){ 
alert(this.title) 
}.bind(document); 
a(); 

常用在这儿

复制代码代码如下:

 
function myalert() { 
this.title = 'hello world'; 
this.init = function() { 
$("#xxx").click(this.close.bind(this)); 
} 
this.close = function() { 
alert(this.title) 
} 
} 

复制代码代码如下:

 
<P style="PADDING-BOTTOM: 0px; LINE-HEIGHT: 22px; MARGIN-TOP: 0px; FONT-FAMILY: 微软雅黑, 宋体, 'Trebuchet MS', Tahoma, Arial, sans-serif; MARGIN-BOTTOM: 10px; COLOR: rgb(34,34,34); FONT-SIZE: 14px; PADDING-TOP: 0px" class=p1>var a  = new myalert();</P><P style="PADDING-BOTTOM: 0px; LINE-HEIGHT: 22px; MARGIN-TOP: 0px; FONT-FAMILY: 微软雅黑, 宋体, 'Trebuchet MS', Tahoma, Arial, sans-serif; MARGIN-BOTTOM: 10px; COLOR: rgb(34,34,34); FONT-SIZE: 14px; PADDING-TOP: 0px" class=p1>a.init();</P> 