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 的作用域是静态作用域,又叫词法作用域,这是因为作用域的嵌套关系可 以在语法分析时确定,而不必等到运行时确定