Javascript中this的问题？

Question

对这段话不是很理解 这个不是说this 引用的是函数的执行环境么，test的执行环境不应该是wo();这个函数么 为啥会打印出red?

Answer 1

因为这里的this指向window,所以是red。

关于this指向的详解：

(1)、处于全局作用域下的this：

this;/*window*/

var a = {name: this}/*window*/

var b = [this];/*window*/

在全局作用域下，this默认指向window对象。 

(2)、处在函数中的this，又分为以下几种情况： 

a、一般定义的函数，然后一般的执行：

var a = function(){

console.log(this);

}

a();/*window*/

this还是默认指向window。

b、一般定义，用new调用执行：

var a = function(){

console.log(this);

}

new a();/*新建的空对象*/

这时候让this指向新建的空对象，我们才可以给空对象初始化自有变量 

c、作为对象属性的函数，调用时：

var a = {

f:function(){

console.log(this)

}

}

a.f();/*a对象*/

这时候this指向调用f函数的a对象。

(3)、通过call()和apply()来改变this的默认引用：

var b = {id: 'b'};

var a = {

f:function(){

console.log(this)

　}

}

a.f.call(b);/*window*/

所有函数对象都有的call方法和apply方法，它们的用法大体相似，f.call(b);的意思 是，执行f函数，并将f函数执行期活动对象里的this指向b对象，这样标示符解析时，this就会是b对象了。不过调用函数是要传参的。所以，f.call(b, x, y); f.apply(b, [x, y]);好吧，以上就是用call方法执行f函数，与用apply方法执行f函数时传参方式，它们之间的差异，大家一目了然：apply通过数组的方式传递参数，call通过一个个的形参传递参数。

(4)、一些函数特殊执行情况this的指向问题： 

a、setTimeout()和setInverval():

var a = function(){

console.log(this);

}

setTimeout(a,0);/*window*/

setInterval()类似。

b、dom模型中触发事件的回调方法执行中活动对象里的this指向该dom对象。

Answer 2

alert(test())是window.alert(test())的简写，alert()是全局window的一方法，所以alert(test())是在alert()中执行test(),其this指向当然是window啦！

Answer 3

1、列表项目判断函数作用域可以把函数通过window.xx1.xx2()这样表示一下，最后的xx2才是作用域

2、可以把wo理解成window.wo,所以执行时的作用域时window

3、wo里面的test是简单的函数调用，故作用域还是window

如果这样改就是blue了：

wo.color='blue'

wo.test=function(){

    console.warn(this.color);

}

window.wo.test()

tip:最后执行时wo点出来的，故执行环境是wo

Answer 4

理解下面的代码，你就会明白，调用环境是什么意思了

var color="red";

//console.log(this);

var __GlobalThis=this;

function wo(){

    var color="blue";

    var _this=this;

    //console.log(_this);

    console.log("__GlobalThis===this(wo) is equal?"+(__GlobalThis===this));

    function test(){

        console.log("__GlobalThis===this(test) is equal?"+(__GlobalThis===this));

        return this.color;

    }

    test()

}

wo();

输出:

__GlobalThis===this(wo) is equal?true

__GlobalThis===this(test) is equal?true