Js中的this指向问题
2016-02-16 18:45
666 查看
函数中的this指向和当前函数在哪定义的或者在哪执行的都没有任何的关系 分析this指向的规律如下: [非严格模式] 1、自执行函数中的this永远是window [案例1] var obj={ fn:(function(i){ //this->window return function(){ //this->obj } })(0) }; obj.fn(); 2、给元素的某个行为绑定一个方法,当行为触发的时候,执行绑定的方法,此时方法中的this是当前的元素 [案例1] oDiv.onclick=function(){ //this->oDiv }; [案例2] function fn(){ //this->window } oDiv.onclick=function(){ //this->oDiv fn(); }; 3、方法执行,看方法名前面是否有".",有的话,"."前面是谁this就是谁,没有的话this就是window [案例1] var obj={fn:fn}; function fn(){} fn.prototype.aa=function(){}; var f=new fn; fn();//this->window obj.fn();//this->obj fn.prototype.aa();//this->fn.prototype f.aa();//this->f f.__proto__.aa();//this->f.__proto__->fn.prototype 4、在构造函数模式中,函数体中的this.xxx=xxx中的this是当前类的一个实例 [案例1] function Fn(){ this.x=100; //this->f this.getX=function(){ console.log(this);//this->f 因为getX方法执行的时候,"."前面是f,所以this是f } } var f=new Fn; f.getX(); 5、使用call/apply来改变this的指向(一但遇到call/apply上述的四条都没用了) [严格模式] "use strict";//->告诉浏览器我们接下来编写的JS代码采用严格模式 1、自执行函数中的this永远是undefined [案例1] var obj={ fn:(function(i){ //this->undefined return function(){ //this->obj } })(0) }; obj.fn(); 3、方法执行,看方法名前面是否有".",有的话,"."前面是谁this就是谁,没有的话this就是undefined [案例1] var obj={fn:fn}; function fn(){} fn();//this->undefined obj.fn();//this->obj 我们发现严格模式下的this相对于非严格模式下的this主要区别在于:对于JS代码中没有写执行主体的情况下,非严格模式下默认都是window执行的,所以this指向的是window;但是在严格的模式下,没有写就是没有执行主体,this指向的是undefined;
相关文章推荐
- javaScript一些基本知识
- JS中数组Array的用法示例用法详解
- js基础篇——变量
- 《JavaScript高级程序设计》读书笔记(二):引用类型
- 读取单条json数据代码
- 【 bzoj 1444 】 [Jsoi2009]有趣的游戏 - AC自动机+矩阵乘法
- javascript dom编程艺术阅读笔记
- js 代码的优化 ,完全是照搬,不过挺好使
- JavaScript权威指南__第三章
- 41条超级实用的JS 技巧
- JS如何创建对象和继承对象
- JavaScript字符串截取
- JS中关于clientWidth offsetWidth scrollWidth 等的含义
- 全面理解Javascript闭包和闭包的几种写法及用途
- javascript构造函数小记
- js知识点图解
- js 根据权重概率随机
- python 转换 Javascript %u 字符串为 python unicode
- js工具
- Javascript中的Prototype到底是什么