javascript对象、this、作用域和闭包的问题。（相同变量名查找问题）-PHP中文网问答

以下几段代码，输出的结果不一样。希望有大神可以解答一下原理，谢谢！

var myvar = "TheWindow";
var object = {
    myvar : "MyObject",
    getVar : function(){
        return function(){
            return myvar;
        };
    }
};
console.log(object.getVar()());//输出TheWindow

function MyCont(){
    var myvar = "MyObject";
    this.getVar = function(){
        return function(){
            return myvar;
        };
    }
}
var obj = new MyCont();
console.log(obj.getVar()());//输出MyObject

然后我修改了一下，加上了this，输出结果又不同了。

var myvar = "TheWindow";
var object = {
    myvar : "MyObject",
    getVar : function(){
        return function(){
            return this.myvar;//此处加入了this，依旧输出TheWindow
        };
    }
};
console.log(object.getVar()());
function MyCont(){
    var myvar = "MyObject";
    this.getVar = function(){
        return function(){
            return this.myvar;//此处加入了this，输出变成了TheWindow，而不是原先的MyObject
        };
    }
}
var obj = new MyCont();
console.log(obj.getVar()());

然后我再改一下

var myvar = "TheWindow";
var object = {
    myvar1 : "MyObject",
    getVar : function(){
        return function(){
            return myvar1;//虽然object内含有myvar1属性，但是这样写会报错,但是如果写this.myvar1的话就不报错，输出undefined
        };
    }
};
console.log(object.getVar()());


var myvar = "TheWindow";
var object = {
    myvar : "MyObject",
    getVar : function(){
          return myvar;//此处去掉了function，还是输出TheWindow
    }
};
console.log(object.getVar());


var myvar = "TheWindow";
var object = {
    myvar : "MyObject",
    getVar : function(){
          return this.myvar;//对比上面，加入了this，则输出的是对象属性MyObject
    }
};
console.log(object.getVar());

最后还是要感谢一下，好心人帮忙解答问题，万分感谢！

全部回复(1)

黄舟2017-04-10 17:27:09 1楼

主要是this函数的指向问题：

当函数作为对象方法调用时，该函数的this值设为调用该方法的对象。

所以在对象中返回this.myvar指向的对象的myvar，返回MyObject,返回myvar则是TheWindow
在函数内使用

this.getVar = function(){
    return function(){ // 这里的this和一般定义函数一样是window
        return this.myvar;
    };
}

这里的this和一般定义函数一样是window，所以使用this.myvar返回window.myvar,返回myvar作用域一层一层向上找，找到了函数里的var myvar = 'MyObejct'，这里如果不定义的话回继续向上找到全局定义的myvar='TheWindow'

赞 +0

添加回复