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

this指向当前调用对象。

Answer 5

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

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

Answer 6

简单记住一句话就ok，函数调用this都是指向window。函数调用举例：a()、b()等等，方法调用举例：a.b()、b.c()等等...