没有“let”或“var”的 ES6 类中未定义变量

Question

当我使用 ES6 类语法时，未定义没有“let”或“var”声明的方法内的变量。但是，当使用常规对象语法时，它是被定义的。

为了说明问题，我在 Node v7.5.0 上运行以下代码：

class ES6Foo {

   bar() {  

       var i = 5446;
       console.log("i = " + i);

       let j = 5446;
       console.log("j = " + j);

       k = 5446;
       console.log("k = " + k);

    }
}

foo = new ES6Foo();
foo.bar();

产生输出：

i = 5446
j = 5446
.../ES6Foo.js:10
    k = 5446;
      ^
ReferenceError: k is not defined
at ES6Foo.bar 

不使用类语法解决了这个问题：

var OldFoo = function() {}

OldFoo.prototype.bar = function() {

   var i = 5446;
   console.log("i = " + i);

   let j = 5446;
   console.log("j = " + j);

   k = 5446;
   console.log("k = " + k);

}

foo = new OldFoo();
foo.bar();

产生：

i = 5446
j = 5446
k = 5446

谁能解释这种行为？

Answer 1

当我使用 ES6 类语法时，未定义没有“let”或“var”声明的方法内的变量。

实际上，它是未声明的。这就是你得到异常的原因。

但是，当使用常规对象语法时，它是被定义的。

那是因为ES6 class methods automatically 在strict mode 中运行，您的常规对象语法只会在草率模式下运行。 （不应该！"use strict" 模式无处不在！）
分配给未声明的标识符 will implicitly create a global variable，这是您绝对要避免的事情。

不使用类语法解决了这个问题

不，问题已通过正确声明变量解决。