JS容易犯错的this和作用域

原文地址： http://www.cnblogs.com/bennman/archive/2013/09/08/3309024.html

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