javascript对象、this、作用域和闭包的问题。

Question

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


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());


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

Answer 1

1、局部作用域，也称函数作用域，定义在函数内部，函数外部无法获取（可通过闭包获取）;2、全局作用域，定义在函数外，函数内部可以获取；3、当一个变量在函数内部使用，会先去获取函数内部这个变量的值，如果不存在，则去获取函数外部这个变量的值；4、this是在被调用的时候才确定的；5、this的确定是根据被调用的方法是属于哪个对象的方法，存在这个对象，this指向它，不存在，this指向window；6、以下的闭包内部的this全部指向window    var myvar = "TheWindow";     var object = {         myvar : "MyObject",         getVar : function(){             return function(){             //闭包                 return myvar;         //函数作用域内部无myvar变量，则显示全局变量的值             };         }     };     console.log(object.getVar()());//输出TheWindow               function MyCont(){         var myvar = "MyObject";         this.getVar = function(){             return function(){          //闭包                 return myvar;            //函数作用域内部有myvar变量，则显示内部变量的值             };         }     }     var obj = new MyCont();     console.log(obj.getVar()());//输出MyObject          var myvar = "TheWindow";     var object = {         myvar : "MyObject",         getVar : function(){             return function(){       //闭包                 return this.myvar;//此处加入了this，依旧输出TheWindow              //因为这里闭包并不是作为某个对象的方法被调用，因此内部的this指向window，window.myvar就是变量myvar的值             };         }     };     console.log(object.getVar()()); function MyCont(){     var myvar = "MyObject";     this.getVar = function(){         return function(){             return this.myvar;//此处加入了this，输出变成了TheWindow，而不是原先的MyObject                //道理和上面例子相同，闭包内this指向window         };     } } 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           //这里涉及到JS变量和属性的应用，return myvar1的时候，myvar1是变量，而无论是局部作用域还是全局作用域都没有myvar1这个变量，因此报错，未定义；           //如果return this.myvar1，通过上面的例子，这里this指的是window，这时候myvar1是作为一个属性，如果这个属性不存在，只会提示undefined，而不会报错；         };     } }; console.log(object.getVar()()); var myvar = "TheWindow"; var object = {     myvar : "MyObject",     getVar : function(){         return myvar;//此处去掉了function，还是输出TheWindow       //因为局部作用域中并没有myvar这个变量，然后就去查找全局作用域，所以是TheWindow，这里MyObject的这个myvar是属于object的属性     } }; console.log(object.getVar()); var myvar = "TheWindow"; var object = {     myvar : "MyObject",     getVar : function(){         return this.myvar;//对比上面，加入了this，则输出的是对象属性MyObject          //getVar是在object对象上被调用的一个方法，因此它的this指的是object，因此object.myvar就是MyObject     } }; console.log(object.getVar());