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 相关文章推荐
我遇到的参数传递中 双引号单引号嵌套问题
Feb 11 Javascript
javascript数组快速打乱重排的方法
Jan 02 Javascript
jQuery中next()方法用法实例
Jan 07 Javascript
jQuery实现的超链接提示效果示例【附demo源码下载】
Sep 09 Javascript
vue-cli webpack 开发环境跨域详解
May 18 Javascript
解决vue中对象属性改变视图不更新的问题
Feb 23 Javascript
vue、react等单页面项目部署到服务器的方法及vue和react的区别
Sep 29 Javascript
教你如何编写Vue.js的单元测试的方法
Oct 17 Javascript
微信小程序实现拍照画布指定区域生成图片
Jul 18 Javascript
详解Nuxt内导航栏的两种实现方式
Apr 16 Javascript
vue-preview动态获取图片宽高并增加旋转功能的实现
Jul 29 Javascript
jquery插件实现代码雨特效
Apr 24 jQuery
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 echo 输出字符串函数详解
2010/05/13 PHP
PHP中文件缓存转内存缓存的方法
2011/12/06 PHP
TP(thinkPHP)框架多层控制器和多级控制器的使用示例
2018/06/13 PHP
PHP生成图表pChart的示例解析
2020/07/31 PHP
动态添加js事件实现代码
2009/03/12 Javascript
JS 树形递归实例代码
2010/05/18 Javascript
JS继承--原型链继承和类式继承
2013/04/08 Javascript
在JavaScript中typeof的用途介绍
2013/04/11 Javascript
Javascript中的数组常用方法解析
2016/06/17 Javascript
Bootstrap Table表格一直加载(load)不了数据的快速解决方法
2016/09/17 Javascript
js监听键盘事件的方法_原生和jquery的区别详解
2016/10/10 Javascript
jquery组件WebUploader文件上传用法详解
2020/10/23 Javascript
jQuery-mobile事件监听与用法详解
2016/11/23 Javascript
jQuery实现页面滚动时智能浮动定位
2017/01/08 Javascript
详解vue.js的devtools安装
2017/05/26 Javascript
浅析 NodeJs 的几种文件路径
2017/06/07 NodeJs
vue中手机号,邮箱正则验证以及60s发送验证码的实例
2018/03/16 Javascript
Element-UI Table组件上添加列拖拽效果实现方法
2018/04/14 Javascript
javascript实现遮罩层动态效果实例
2019/05/14 Javascript
微信小程序自定义多列选择器使用详解
2019/06/21 Javascript
在Vue项目中,防止页面被缩放和放大示例
2019/10/28 Javascript
Vue开发环境跨域访问问题
2020/01/22 Javascript
Python中selenium实现文件上传所有方法整理总结
2017/04/01 Python
Python3.5基础之NumPy模块的使用图文与实例详解
2019/04/24 Python
python跳出双层for循环的解决方法
2019/06/24 Python
如何基于Python获取图片的物理尺寸
2019/11/25 Python
Python+Dlib+Opencv实现人脸采集并表情判别功能的代码
2020/07/01 Python
Django rest framework分页接口实现原理解析
2020/08/21 Python
Staples美国官方网站:办公用品一站式采购
2016/07/28 全球购物
电子专业毕业生自我鉴定
2014/01/22 职场文书
水果超市创业计划书
2014/01/27 职场文书
《会走路的树》教后反思
2014/04/19 职场文书
计算机网络专业求职信
2014/06/05 职场文书
个人培训总结
2015/03/05 职场文书
入党转正申请书范文
2019/05/20 职场文书
vue生命周期钩子函数以及触发时机
2022/04/26 Vue.js