javaScript this 详解

JavaScript this 详解

在js中，this 主要出现在3个地方，全局代码段，函数代码段，eval代码段（实际上，js代码只有这三种类型）。

---

在全局代码段中，this是全局对象的引用，在客户端js中，即对象window。

在浏览器console中，输入this，可以看到，this即为对象window。

在eval代码段中，this与调用eval环境的this相同。

eval('console.log(this);');
function f(){
    var that = this;
    eval('console.log(this);');
    eval('console.log(this == that)');
}
var o={};
o.f = f;
o.f();

在函数代码段中，this比较复杂，this为调用该函数的对象（注意：与Activation Object不同）。

var id = 'global';
var o = {
    id: 'o',
    f1: function(){
        console.log(this.id)
    }
}
o.f1();            //o
f = o.f1
f()                //global 

上面的例子比较简单，对于嵌套函数问题比较复杂，但是，只要记住this始终指向调用这个函数的对象。

var id = 'global';
function f1(){
    var id = 'f1';
    function f2(){
        var id = 'f2';
        console.log(this.id);
    }
    return f2;
}
f1()();     //global

以上关于this的说明都是默认情况下，如果想要改变this所指向的对象，可以，查看 apply(),call(), bind() 函数（这几个函数是Function对象的属性方法）