Javascript中的this详解

最新推荐文章于 2024-08-16 21:14:46 发布

最新推荐文章于 2024-08-16 21:14:46 发布 · 169 阅读

文章标签：

19 篇文章

订阅专栏

2009年12月14日

阅读(526) 评论发表评论

*本文代码中使用的 function dump(v,title), 是一个自己写的输出变量描述的函数。

如果你准备在JavaScript中写类，那么你必需对关键字 this 的使用有深刻的理解：

这是JavaScript手册中对 this的简单解释：

this:指当前对象。

对于 JScript 的客户版本，如果在其他所有对象的上下文之外使用 this，则它指的是 window 对象。

通常我们认为，Javascript 不在任何函数，不在任何类中，直接书写运行的代码的环境，称为直接运行环境，或者全局环境。实际上这个环境并不是一个真正意义上全局环境,

运行下面的代码：

 
    1 dump(this,'Global This');

我们可以得到输出结果：

■ Global This: object – [object Window]

[The window Object]

可以看到，在这个环境下，this 等于浏览器的原生对象 window ,它是原生类 Window 的实例。

事实上，当我们在浏览器中运行JavaScript代码时，windows 是所有代码的根节点，所有的代码都是存储并挂接于这个节点的，当然多窗口的环境下会有多个window对象。

 
    1 function Car(){ 

    2 

    3}

    4dump(Car);

    5dump(window.Car);

输出结果：

■ function function Car() { …

■ function function Car() { …

可以看到 Car 和 window.Car 是完全相同的东西

现在我们来看看当使用类的时候，this会发生什么样的变化。下面是一段典型的类定义代码，我们来逐步分析：

 
function Car(color,doors){ 

    //用构造模式定义属性 

    this.color = color; 

    this.doors = doors;