es6的class有没有变量提升

ES6中的class和变量提升

在ES6中，引入了class关键字来定义类，它提供了一种更加简洁和面向对象的语法来创建对象及其行为。在了解ES6中的class是否存在变量提升之前，我们首先需要了解变量提升的概念。

什么是变量提升？

变量提升是指在JavaScript代码执行之前，所有的变量声明（但不包括变量赋值）都会被提升到当前作用域的顶部。这意味着我们可以在变量声明之前使用这些变量。

console.log(x); // undefined
var x = 5;

上述代码会输出undefined而不是ReferenceError。因为变量声明`var x`被提升到代码的顶部，但赋值操作在之后执行，导致x的值为undefined。

ES6中的class和变量提升

与使用`var`声明的变量不同，class定义的类不会被提升。这意味着我们在使用class之前必须先定义class，否则会导致ReferenceError。

const obj = new MyClass(); // ReferenceError
class MyClass {}

上述代码中，如果我们先实例化一个MyClass对象再去定义这个类，会抛出ReferenceError。这是因为class不会被提升，所以必须在使用之前先定义。

需要注意的是，虽然class定义没有变量提升，但是class的方法却是可提升的。

const obj = new MyClass(); // TypeError: MyClass is not a constructor

class MyClass {
  myMethod() {
    console.log("Hello");
  }
}

obj.myMethod(); // "Hello"

在上述代码中，我们在实例化对象之前调用了myMethod方法。这是因为class的方法会被提升，使我们可以在使用之前调用它们。

总结

ES6中的class定义不会被提升，类似于其他的常量（const）和变量（let）声明。因此，在使用class之前必须先定义它们，否则会抛出ReferenceError。然而，class的方法却是可提升的，可以在使用之前调用。

了解class和变量提升的这些规则，有助于我们在使用ES6 class时更好地理解代码的行为，避免潜在的错误。