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