关于this指针指向的知识回顾

由于上一篇博客,这让我想起了另外一个关于this指针的问题。

  var a = 20;
    var obj = {
        a: 10,
        c: this.a + 20,
        fn: function () {
            return this.a;
        }
    }

    console.log(obj.c);//返回40
    console.log(obj.fn());//返回10
var aaa = obj.fn;
console.log(aaa())//返回20

关于第一个调用返回40的问题,要知道this的指向是在函数被调用的时候被确定下来的。此时没有调用任何函数,只是单纯的声明c并给c做赋值。作用域还是在默认的全局作用域中,this自然指向全局作用域,this.a也就是window.a,,a也就是.20,最后打印出来的c也就是40。

之前有一个错误的观念是千万不要以为在一个对象的{}花括弧中的this,这个this就一定指向这个对象。要知道this的指向是在函数调用时被确定的!!!此时没有调用任何函数,this也就只指向当前作用域,此处也就是全局。

在第二个打印中,因为此时调用了函数,this自然就指向函数所在的对象也就是obj对象,a也就是10。

如果函数独立调用,那么该函数内部的this,则指向undefined。在非严格模式中,当this指向undefined时,它会被自动指向全局对象。
例如aaa() 是独立调用,那么aaa函数里面的this会指向undefined,在非严格模式下面指向的是全局对象。因此此时的a为20。

我对函数调用时,this指向总结了如下三点:
1、this的指向,是在函数被调用的时候确定的!!!!!!!!
2、函数调用时,看其是否被某个对象所拥有,假如被某个对象拥有,那么函数中的this,指向的是其拥有的对象。
例如:
    obj.fn()
fn()函数被obj所拥有,那么fn里面的this,指向的是obj
3、如果函数独立调用,那么该函数内部的this,则指向undefined。在非严格模式中,当this指向undefined时,它会被自动指向全局对象。
例如aaa() 是独立调用,那么aaa函数里面的this会指向undefined,在非严格模式下面指向的是全局对象。

你可能感兴趣的:(关于this指针指向的知识回顾)