JS容易犯错的this和作用域

var someuser = { 
	name: 'byvoid', 
	func: function() {
		console.log(this.name); 
	}
}; 
var foo = { 
	name: 'foobar'
};

someuser.func(); // 输出 byvoid

foo.func = someuser.func; 
foo.func(); // 输出 foobar

name = 'global';
func = someuser.func; 
func(); // 输出 global

 

在 JavaScript 中,上下文对象就是 this 指针,即被调用函数所处的环境。上下文对象 的作用是在一个函数内部引用调用它的对象本身。
在 JavaScript 中,本质上,函数类型的变量是指向这个函数实体的一个引用,在引用之 间赋值不会对对象产生复制行为。我们可以通过函数的任何一个引用调用这个函数,不同之 处仅仅在于上下文。
仔细观察上面的例子,使用不同的引用来调用同一个函数时,this 指针永远是这个引用所属的对象

 

var scope = 'top';
var f1 = function() { 
	console.log(scope);
};
f1(); // 输出 top
var f2 = function() { 
	var scope = 'f2'; 
	f1();
};
f2(); // 输出 top

 函数作用域的嵌套关系是定义时决定的,而不是调用时决定的,也就 是说,JavaScript 的作用域是静态作用域,又叫词法作用域,这是因为作用域的嵌套关系可 以在语法分析时确定,而不必等到运行时确定