在 Javascript 中使用 var 和 this 有什么区别？

Question

这些有什么区别呢？

var a = 13;  
this.b = 21;  
document.write(a);  
document.write(b);

Answer 1

对于全局代码（不属于任何函数的代码），它们几乎是等价的，两者最后都在全局对象上创建一个属性。

不同之处在于 a 已使用 var 语句声明，变量实例化过程将使用全局对象作为变量对象 ⁽¹⁾，并且它将定义该属性不可删除，例如：

var a = 13;
delete a; // false
typeof a; // "number"

那么，b，因为全局代码中的this值指向全局对象本身，也将是一个全局属性，但这个可以删除：

this.b = 21;
delete b; // true
typeof b; // "undefined"

_{不要尝试 Firebug 中的第一个代码片段，因为 Firebug 的控制台使用 eval 在内部运行代码，并且在此执行上下文中变量实例化过程的行为有所不同，您可以此处尝试一下。}

_{(1 )} 变量对象（VO）是变量实例化过程中使用的对象，用于定义 FunctionDeclarations 的标识符、使用 var 语句声明的标识符以及函数形参的标识符，在不同的执行上下文中，所有这些标识符都作为 VO 的属性进行绑定，作用域链由 VO 列表组成。

对于全局代码，VO 就是全局对象本身，这就是为什么 a 最终成为它的属性。对于函数代码，VO（也称为激活对象 for FunctionCode)，是当您调用函数时在幕后创建的一个新对象，这就是创建新词法作用域的原因，总之我将讨论函数。

a 和 this.b 都可以是 简单地通过a和b解析，因为作用域链中的第一个对象又是全局对象。

另外，我认为了解变量实例化过程发生在代码执行之前是很重要的，例如：

alert(a); // undefined, it exists but has no value assigned to it yet
alert(b); // ReferenceError is thrown

var a = 13;
this.b = 21;

这些差异可能微不足道，但我认为值得了解它们。

现在，如果您发布的代码片段位于函数内，则它完全不同。

在示例中使用 var 语句声明的 a 标识符将是一个局部变量，仅适用于函数的词法范围（并且任何嵌套函数）。

请记住，在 JavaScript 块中不会引入新的作用域，只有函数会引入新作用域，并且要在该作用域中声明变量，您应该始终使用 var。

this.b 标识符将成为绑定到 this 值引用的对象的属性，但是...什么是 this???。

JavaScript 中的 this 值是在调用函数时隐式设置的，它取决于您如何调用它：

1. 当您使用 new 运算符时，<函数内的 code>this 值将指向新创建的对象，例如：

   函数测试() {
     this.foo = "酒吧";
   }
   var obj = new Test(); // 具有 `foo` 属性的新对象
   

2. When您调用一个作为对象成员的函数，该函数内的this值将指向基对象，例如：

   var obj = {
     foo: 函数 () {
       返回 this == obj；
     }
   };
   obj.foo(); // 真的
   

3. 当您调用没有任何基础对象的函数时，this 值将引用全局对象：

   函数测试() {
     返回这个==窗口；
   }
   测试（）; // 真的
   

4. this 值可以是当您使用 call 调用函数时显式设置 或应用 ：

   函数测试() {
     警报（这个）；
   }
   测试.call(“你好世界！”); // 警报“你好世界！”
   

Answer 2

简而言之，如果您在函数中使用它们，那么 -

this.a; //will create a public property

var b; //will create a member variable

例如，这里是 javascript 中的 Student 类

var Student = function()
{
    // Member variable
    var studentId;

    // Public property
    this.Name = "";
}

以了解更多信息 - 请参阅 使用 JavaScript 进行面向对象编程