JS中this的指向问题


        普通模式,this永远指向上一级调用他的对象;严格模式,在没有对象调用的情况下this指向的不是window而是undefined。

        在普通模式下JS有一个全局对象window举个例子:

function x(){
    var user = "一颗会开花的树";
    console.log(this.user); //undefined
    console.log(this); //Window
}
x();

        this最终指向调用他的对象,在这里调用x函数的对象是window所以this指向的是window。

        我们再看一个例子:

var o = {
    user:"一颗会开花的树",
    fn:function(){
        console.log(this.user);  //一颗会开花的树
    }
}
o.fn();

        这里调用fn函数是是通过对象o点出来的,所以this指向的是o,然而如果出现两个以上的对象this指向的又是什么:

var o = {
    user:"一颗会开花的树",
    fn:function(){
        console.log(this.user); //一颗会开花的树
    }
}
window.o.fn();

        可以看出this指向的是上一级的o对象,而不是window。

        因此我们得出结论 this 在普通模式的情况下 指向的是上一级对象!

        构造函数时,this指向原函数,原理是在构造函数时new关键字可以改变this的指向,创建一个和原函数一样的实例

function Fn(){
    this.user = "一颗会开花的树";
}
var a = new Fn();
console.log(a.user); //一颗会开花的树

当构造函数遇上return时,如果返回值是个对象,this指向这个对象,如果返回的不是对象那指向的是函数的实例,如果返回的是null 那么指向的是函数的实例


        



猜你喜欢

转载自blog.csdn.net/iconhot/article/details/80733720