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 相关文章推荐
20行代码实现的一个CSS覆盖率测试脚本
Jul 07 Javascript
js监控IE火狐浏览器关闭、刷新、回退、前进事件
Jul 23 Javascript
JavaScript实现打字效果的方法
Jul 10 Javascript
js鼠标点击图片切换效果实现代码
Nov 19 Javascript
如何高效率去掉js数组中的重复项
Apr 12 Javascript
基本DOM节点操作
Jan 17 Javascript
JS中from 表单序列化提交的代码
Jan 20 Javascript
JS实现多张图片预览同步上传功能
Jun 23 Javascript
JS块级作用域和私有变量实例分析
May 11 Javascript
使用 Vue-TCB 快速在 Vue 应用中接入云开发的方法
Feb 10 Javascript
vue项目在线上服务器访问失败原因分析
Aug 14 Javascript
vue+spring boot实现校验码功能
May 27 Vue.js
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中一个控制字符串输出的函数
2006/10/09 PHP
PHP+jQuery实现滚屏无刷新动态加载数据功能详解
2017/05/04 PHP
理解 JavaScript 预解析
2009/10/25 Javascript
一个很简单的jquery+xml+ajax的无刷新树结构(无css,后台是c#)
2010/06/02 Javascript
js调用webservice中的方法实现思路及代码
2013/02/25 Javascript
jQuery ajax dataType值为text json探索分享
2013/09/23 Javascript
三种检测iPhone/iPad设备方向的方法
2014/04/23 Javascript
js控制容器隐藏出现防止样式变化的两种方法
2014/04/25 Javascript
javascript使用输出语句实现网页特效代码
2015/08/06 Javascript
解决js页面滚动效果scrollTop在FireFox与Chrome浏览器间的兼容问题的方法
2015/12/03 Javascript
修改jquery中dialog的title属性方法(推荐)
2016/08/26 Javascript
纯JS打造网页中checkbox和radio的美化效果
2016/10/13 Javascript
JavaScript 函数节流详解及方法总结
2017/02/09 Javascript
javascript实现数据双向绑定的三种方式小结
2017/03/09 Javascript
关于Vue实现组件信息的缓存问题
2017/08/23 Javascript
在vue中实现点击选择框阻止弹出层消失的方法
2018/09/15 Javascript
vue组件通信传值操作示例
2019/01/08 Javascript
如何使用JavaScript实现无缝滚动自动播放轮播图效果
2020/08/20 Javascript
[02:42]完美大师赛主赛事淘汰赛第三日观众采访
2017/11/25 DOTA
[00:15]天涯墨客终极技能展示
2018/08/25 DOTA
python初学之用户登录的实现过程(实例讲解)
2017/12/23 Python
python实现媒体播放器功能
2018/02/11 Python
Django 浅谈根据配置生成SQL语句的问题
2018/05/29 Python
对python 通过ssh访问数据库的实例详解
2019/02/19 Python
Django处理Ajax发送的Get请求代码详解
2019/07/29 Python
python实现的读取网页并分词功能示例
2019/10/29 Python
Python自动化测试笔试面试题精选
2020/03/12 Python
python实现斗地主分牌洗牌
2020/06/22 Python
scrapy结合selenium解析动态页面的实现
2020/09/28 Python
一波HTML5 Canvas基础绘图实例代码集合
2016/02/28 HTML / CSS
法国最大电子商务平台:Cdiscount
2018/03/13 全球购物
皮姆斯勒语言学习:Pimsleur Language Programs
2018/06/30 全球购物
文员岗位职责
2013/11/09 职场文书
十岁生日家长答谢词
2014/01/17 职场文书
大学生社区义工服务心得体会
2016/01/22 职场文书
2016应届毕业生自荐信范文
2016/01/28 职场文书