由于 ES6 类只是JavaScript 现有的基于原型的继承 [1]的语法糖，因此（IMO）提升它的定义是有意义的：
var foo = new Foo(1, 2); //this works
function Foo(x, y) {
this.x = x;
this.y = y;
}
但以下将不起作用：
var foo = new Foo(1, 2); //ReferenceError
class Foo {
constructor(x, y) {
this.x = x;
this.y = y;
}
}
为什么不提升 ES6 类？
为什么不提升 ES6 类？
实际上，它们就像和现在一样被提升（变量绑定在整个范围内可用）- 它们只是没有初始化。letconst
提升其定义是有意义的
不。在定义之前使用类从来都不是一个好主意。考虑这个例子
var foo = new Bar(); // this appears to work
console.log(foo.x) // but doesn't
function Bar(x) {
this.x = x || Bar.defaultX;
}
Bar.defaultX = 0;
并将其与
var foo = new Bar(); // ReferenceError
console.log(foo.x);
class Bar {
constructor (x = Bar.defaultX) {
this.x = x;
}
}
Bar.defaultX = 0;
正如您所料，这会引发错误。这是静态属性、原型混合、装饰器和所有东西的问题。这对于子类化也非常重要，当您使用具有未调整原型的类时，它在 ES5 中完全中断，但如果extended 类尚未初始化，则现在会抛出错误。
在 Javascript 中，所有声明（var、let、const、function、function*、class）都被提升，但应该在相同的范围内声明。
正如你所说的“ES6 类只是 JavaScript 现有的基于原型的继承的语法糖”
那么让我们了解一下它是什么？
在这里，您声明了一个实际上是“特殊函数”的类。让我们假设您的函数 Foo() 和类 Foo 都在全局范围内。
class Foo {
constructor(x, y) {
this.x = x;
this.y = y;
}
}
以下是您的类 Foo 的编译代码。
var Foo = (function () {
function Foo(x, y) {
this.x = x;
this.y = y;
}
return Foo;
}());
在内部，您的类被转换为包装函数（iife）内的同名函数，并且该包装函数返回您的函数。
因为您的函数的（类）范围已更改。并且您正在尝试在全局范围内创建实际上不存在的函数对象。
一旦编译完成，您就会在变量 Foo 中获得该函数。所以稍后你在 var 中有函数你可以创建它的对象。
类不会被提升，因为例如当一个类扩展一个表达式而不是一个函数时，会发生错误：
class Dog extends Animal {}
var Animal = function Animal() {
this.move = function () {
alert(defaultMove);
}
}
var defaultMove = "moving";
var dog = new Dog();
dog.move();
提升后这将变成：
var Animal, defaultMove, dog;
class Dog extends Animal {}
Animal = function Animal() {
this.move = function () {
alert(defaultMove);
}
}
defaultMove = "moving";
dog = new Dog();
dog.move();
在类 Dog 扩展 Animal 被解释为 Animal 实际上未定义的地方，我们得到一个错误。我们可以通过在 Dog 的声明之前移动 Animal 表达式来轻松解决这个问题。请看这篇关于该主题的精彩文章：https : //blog.thoughtram.io/angular/2015/09/03/forward-references-in-angular-2.html