JavaScript 中的 Class 关键字

javascriptfront end technologyobject oriented programming

ES6 中引入的 JavaScript 类是 JavaScript 基于原型的继承的语法糖。类实际上是"特殊函数"。您可以使用 class 关键字在 JavaScript 中定义类,语法如下 −

class Person {
   // 此类的构造函数
   constructor(name) {
      this.name = name;
   }
   // 此类的实例方法
   displayName() {
      console.log(this.name)
   }
}

这本质上等同于以下声明 −

let Person = function(name) {
   this.name = name;
}
Person.prototype.displayName = function() {
   console.log(this.name)
}

此类也可以写成类表达式。上面的格式是类声明。以下格式是类表达式 −

// 未命名表达式
let Person = class {
   // 此类的构造函数
   constructor(name) {
      this.name = name;
   }
   // 此类上的实例方法
   displayName() {
      console.log(this.name)
   }
}

无论您如何定义上述类,您都可以使用以下 − 创建这些类的对象

示例

let John = new Person("John");
John.displayName();

输出

John

您可以在https://www.tutorialspoint.com/es6/es6_classes.htm中深入了解 JS 类和 class 关键字。


相关文章