“js中的this引用的是函数据以执行的环境对象”这句话拓展一下：
js中的this有四种调用模式：
1.方法调用模式：当一个函数被保存为一个对象的属性，这个方法被调用时，this指向该对象。［此题应该是作为对象的方法调用的］
2.函数调用模式：当一个函数直接被调用（不是作为一个对象的方法被调用）。［我想你是把第一种和这种搞混了］
（剩下两种参照《JavaScript语言精髓》这本书吧^_^）
3.构造器调用模式：
4.apply调用模式：

有一个不变的道理，什么对象调用了showColor，那么this便指向那个对象。

var color = 'red';
function showColor() {
    console.log(this.color);
}
showColor();  // 相当于window.showColor()
var o = {
    color: 'blue'
};
o.showColor = showColor;
o.showColor(); //o.color === 'blue'，o调用了showColor，那么this便指向o

JS中的this，大体有以下几种取值:

• 全局范围

console.log(this); //全局变量

全局范围使用this指向的是全局变量，浏览器环境下就是window。
注：strict模式不存在全局变量，这里的this是undefined。

• 函数调用

function foo() {
    console.log(this);
}

foo(); //全局变量

函数调用中的this也指向全局变量。
注：strict模式不存在全局变量，这里的this是undefined。

• 对象方法调用

var test = {
    foo: function () {
        console.log(this);
    }
}

test.foo(); //test对象

对象方法调用中，this指向调用者。

var test = {
    foo: function () {
        console.log(this);
    }
}

var test2 = test.foo;
test2();  //全局变量

不过由于this的晚绑定特性，在上例的情况中this将指向全局变量，相当于直接调用函数。
这点非常重要，同样的代码段，只有在运行时才能确定this指向。

• 构造函数

function Foo() {
    console.log(this);
}

new Foo(); //新创建的对象
console.log(foo);

在构造函数内部，this指向新创建的对象。

• 显式设置this

function foo(a, b) {
    console.log(this);
}

var bar = {};

foo.apply(bar, [1, 2]); //bar
foo.call(1, 2); //Number对象

使用Function.prototype的call或者apply方法时，函数内部this会被设置为传入的第一个参数。

如果使用面向对象的思路来理解的话。
第一个调用showColor()中的this指向的是window是因为，
在全局环境中调用showColor就相当于window.showColor()。
这个全局对象windows有自己的成员color和showColor方法

window = {
    color: 'red',
    showColor: function() {console.log(this.color)};
}

类似

class Window {
    public String color;
    public void showColor() {
        console.log(this.color); //this当然是指向实例对象了
    }
}
window = new Window(); //new Window("red");
window.showColor(); //showColor();

类推应该不难理解了。