再也不用担心javascript的this---从代码去理解（第三篇）--关于this的典型例子

在看了本系列文章的前两篇之后，我收集了一些关于this的典型例子，和大家分享，也可以检查是否掌握了this。

例1:

var obj = {            func: function () {                 alert("func():this=" + this);             }         };         obj.func();//func():this=[object Object]         var ref = obj.func; //注意obj.func和obj.func()的区别         ref();//func():this=[object Window]

例2:

var obj={    x:10,    A:function(){        function B(){             alert(this);//[object window]             alert(this.x);//undefined        }        B();      }};obj.A();

如果要使例2的this指向obj，该怎么办呢？就需要将this保存在一个变量中，如例3:

var obj={    x:10,    A:function(){        var that = this;        function B(){             alert(that);//[object Object]             alert(that.x);//10        }        B();      }};obj.A();

setTimeout函数并未改变执行上下文，所以this在setTimeout函数中与this在普通函数中并没有本质上的区别。

例4:

var obj = { x : 100, y : function(){ alert(this); //object Objectvar that = this; setTimeout( function(){ alert(that.x); } //100, 2000); } }; obj.y(); //弹出100 

例5:

var a=6;   setTimeout(function(){    alert(this.a);//66    var a=666;   },1000);       a=66;

---

可以对本篇某些内容有疑问，可以看本系列的前两篇文章：

再也不用担心javascript的this—从代码去理解（第一篇）–深析this原理

再也不用担心javascript的this—从代码去理解（第二篇）–引用类型