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 相关文章推荐
小议Javascript中的this指针
Mar 18 Javascript
javascript闭包的理解
Apr 01 Javascript
精彩的Bootstrap案例分享 重点在注释!(选项卡、栅格布局)
Jul 01 Javascript
jQuery实现侧浮窗与中浮窗切换效果的方法
Sep 05 Javascript
jquery 删除节点 添加节点 找兄弟节点的简单实现
Dec 07 Javascript
Javascript实现页面滚动时导航智能定位
May 06 Javascript
使用vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录)功能
Mar 22 Javascript
JS实现的倒计时恢复按钮点击功能【可用于协议阅读倒计时】
Apr 19 Javascript
JS判断用户用的哪个浏览器实例详解
Oct 09 Javascript
jquery实现Ajax请求的几种常见方式总结
May 28 jQuery
vue数据响应式原理知识点总结
Feb 16 Javascript
AngularJs的$http发送POST请求,php无法接收Post的数据问题及解决方案
Aug 13 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/03/24 PHP
php利用单例模式实现日志处理类库
2014/02/10 PHP
php计算两个日期相差天数的方法
2015/03/14 PHP
php实现的简易扫雷游戏实例
2015/07/09 PHP
PHP读取word文档的方法分析【基于COM组件】
2017/08/01 PHP
js异或加解密效果代码
2008/06/25 Javascript
javascript模版引擎-tmpl的bug修复与性能优化分析
2011/10/23 Javascript
基于jquery DOM写的类似微博发布的效果
2012/10/20 Javascript
解决IE6的PNG透明JS插件使用介绍
2013/04/17 Javascript
24款热门实用的jQuery插件推荐
2014/12/24 Javascript
使用VS开发 Node.js指南
2015/01/06 Javascript
jquery获取及设置outerhtml的方法
2015/03/09 Javascript
JavaScript实现函数返回多个值的方法
2015/06/09 Javascript
jQuery zTree树插件简单使用教程
2017/01/10 Javascript
微信小程序-横向滑动scroll-view隐藏滚动条
2017/04/20 Javascript
JS组件系列之JS组件封装过程详解
2017/04/28 Javascript
JavaScript反弹动画效果的实现代码
2017/07/13 Javascript
ReactNative页面跳转Navigator实现的示例代码
2017/08/02 Javascript
AngularJS实现表单元素值绑定操作示例
2017/10/11 Javascript
详解react、redux、react-redux之间的关系
2018/04/11 Javascript
JavaScript实现的前端AES加密解密功能【基于CryptoJS】
2018/08/28 Javascript
小程序自定义导航栏兼容适配所有机型(附完整案例)
2020/04/26 Javascript
vuex刷新后数据丢失的解决方法
2020/10/18 Javascript
在Python中使用dict和set方法的教程
2015/04/27 Python
Python利用Beautiful Soup模块搜索内容详解
2017/03/29 Python
python中利用Future对象回调别的函数示例代码
2017/09/07 Python
TensorFLow用Saver保存和恢复变量
2018/03/10 Python
浅谈python配置与使用OpenCV踩的一些坑
2018/04/02 Python
Python数据处理numpy.median的实例讲解
2018/04/02 Python
Python中修改字符串的四种方法
2018/11/02 Python
Python datetime和unix时间戳之间相互转换的讲解
2019/04/01 Python
不到20行代码用Python做一个智能聊天机器人
2019/04/19 Python
python计算Content-MD5并获取文件的Content-MD5值方式
2020/04/03 Python
Django项目uwsgi+Nginx保姆级部署教程实现
2020/04/19 Python
详解vscode实现远程linux服务器上Python开发
2020/11/10 Python
HTML5移动端开发遇见的东西
2019/10/11 HTML / CSS