JS容易犯错的this和作用域

最新推荐文章于 2022-03-26 13:18:13 发布

zeyu1021

最新推荐文章于 2022-03-26 13:18:13 发布

阅读量335

点赞数

本文详细解析了JavaScript中的this指针概念及其在函数引用中的应用，通过实例展示了如何通过不同的引用调用同一函数，从而改变this指针指向的对象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原文地址： 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