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

2019-12-24,,,,

可对函数进行如下扩展
复制代码 代码如下:
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>

您可能感兴趣的文章:

  • 改变javascript函数内部this指针指向的三种方法
  • JS中改变this指向的方法(call和apply、bind)
  • 详解JS中定时器setInterval和setTImeout的this指向问题
  • 老生常谈 js中this的指向
  • JavaScript 嵌套函数指向this对象错误的解决方法
  • 关于JavaScript中的this指向问题总结篇
  • JavaScript严格模式下关于this的几种指向详解
  • JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题
  • 聊一聊JS中this的指向问题
  • JS匿名函数内部this指向问题详析

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

下载本文的Word格式文档,以方便收藏与打印。