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


Posted in Javascript onApril 23, 2013

可对函数进行如下扩展

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 相关文章推荐
编写Js代码要注意的几条规则
Sep 10 Javascript
ko knockoutjs动态属性绑定技巧应用
Nov 14 Javascript
Javascript控制页面链接在新窗口打开具体方法
Aug 16 Javascript
单元选择合并变色示例代码
May 26 Javascript
JavaScript来实现打开链接页面的简单实例
Jun 02 Javascript
举例讲解jQuery对DOM元素的向上遍历、向下遍历和水平遍历
Jul 07 Javascript
vue从使用到源码实现教程详解
Sep 19 Javascript
js通过Date对象实现倒计时动画效果
Oct 27 Javascript
详解vue项目的构建,打包,发布全过程
Nov 23 Javascript
微信小程序导航栏跟随滑动效果的实现代码
May 14 Javascript
JS+CSS+HTML实现“代码雨”类似黑客帝国文字下落效果
Mar 17 Javascript
在vue中使用echarts(折线图的demo,markline用法)
Jul 20 Javascript
js判断生效时间不得大于失效时间的思路及代码
Apr 23 #Javascript
修改file按钮的默认样式实现代码
Apr 23 #Javascript
js随机颜色代码的多种实现方式
Apr 23 #Javascript
js对象与打印对象分析比较
Apr 23 #Javascript
你必须知道的Javascript知识点之&quot;深入理解作用域链&quot;的介绍
Apr 23 #Javascript
你必须知道的Javascript知识点之&quot;字面量和对应类型&quot;说明介绍
Apr 23 #Javascript
你必须知道的Javascript知识点之&quot;单线程事件驱动&quot;的使用
Apr 23 #Javascript
You might like
PHP分页详细讲解(有实例)
2013/10/30 PHP
ThinkPHP的MVC开发机制实例解析
2014/08/23 PHP
如何使用php脚本给html中引用的js和css路径打上版本号
2015/11/18 PHP
php实现通过stomp协议连接ActiveMQ操作示例
2020/02/23 PHP
firefox浏览器下javascript 拖动层效果与原理分析代码
2007/12/04 Javascript
利用JQuery的load函数动态加载其它页面的内容的实现代码
2010/12/14 Javascript
Javascript数组的排序 sort()方法和reverse()方法
2012/06/04 Javascript
解析jquery中的ajax缓存问题
2013/12/19 Javascript
jquery获取一个元素下面相同子元素的个数代码
2014/07/31 Javascript
全面解析JavaScript中apply和call以及bind(推荐)
2016/06/15 Javascript
最全的Javascript编码规范(推荐)
2016/06/22 Javascript
简单的vuex 的使用案例笔记
2018/04/13 Javascript
Vue.js 中取得后台原生HTML字符串 原样显示问题的解决方法
2018/06/10 Javascript
vue-resource:jsonp请求百度搜索的接口示例
2019/11/09 Javascript
nuxt 每个页面head标签内容设置方式
2020/11/05 Javascript
[01:03:50]DOTA2-DPC中国联赛 正赛 CDEC vs DLG BO3 第二场 2月7日
2021/03/11 DOTA
wxPython框架类和面板类的使用实例
2014/09/28 Python
用Python实现一个简单的多线程TCP服务器的教程
2015/05/05 Python
简析Python的闭包和装饰器
2016/02/26 Python
使用python来调用CAN通讯的DLL实现方法
2019/07/03 Python
python模式 工厂模式原理及实例详解
2020/02/11 Python
PyCharm永久激活方式(推荐)
2020/09/22 Python
python操作yaml说明
2020/04/08 Python
Python中的wordcloud库安装问题及解决方法
2020/05/27 Python
关于python中导入文件到list的问题
2020/10/31 Python
英国鞋类及配饰零售商:Kurt Geiger
2017/02/04 全球购物
Java中采用什么结构来捕获、处理异常?各子句的顺序、功能如何
2013/10/07 面试题
财务主管的岗位职责
2013/12/30 职场文书
大学校园毕业自我鉴定
2014/01/15 职场文书
《藏戏》教学反思
2014/02/11 职场文书
马云北大演讲完整版:真心话,什么才是阿里的核心竞争力?
2014/04/04 职场文书
运动会广播稿200字(10篇)
2014/10/12 职场文书
学生检讨书范文
2014/10/30 职场文书
2015年社区党建工作汇报材料
2015/06/25 职场文书
因个人工作失误检讨书
2019/06/21 职场文书
南阳市白酒市场的调查报告
2019/11/08 职场文书