We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

类表达式是用来定义类的一种语法。和函数表达式相同的一点是,类表达式可以是命名也可以是匿名的。如果是命名类表达式,这个名字只能在类体内部才能访问到。JavaScript 的类也是基于原型继承的。

语法

const MyClass = class [className] [extends] {
  // class body
};

描述

类表达式的语法和类语句的语法很类似,只是在类表达式中,你可以省略掉类名,而类语句中不能。

和类声明一样,类表达式中的代码也是强制严格模式的。

示例

使用类表达式

下面的代码使用类表达式语法创建了一个匿名类,然后赋值给变量 Foo。

let Foo = class {
  constructor() {}
  bar() {
    return "Hello World!";
  }
};

let instance = new Foo();
instance.bar(); 
// "Hello World!"

命名类表达式

如果你想在类体内部也能引用这个类本身,那么你就可以使用命名类表达式,并且这个类名只能在类体内部访问。

const Foo = class NamedFoo {
  constructor() {}
  whoIsThere() {
    return NamedFoo.name;
  }
}

let bar = new Foo();

bar.whoIsThere(); 
// "NamedFoo"

NamedFoo.name; 
// ReferenceError: NamedFoo is not defined

Foo.name; 
// "NamedFoo"

规范

Specification Status Comment
ECMAScript 2015 (6th Edition, ECMA-262)
Class definitions
Standard Initial definition.
ECMAScript 2016 (ECMA-262)
Class definitions
Standard  
ECMAScript 2017 (ECMA-262)
Class definitions
Standard  
ECMAScript Latest Draft (ECMA-262)
Class definitions
Draft  

浏览器兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 42.0 Nightly build ? ? ?
Feature Android Android Webview Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile Chrome for Android
Basic support 未实现 42.0 Nightly build ? ? ? 42.0

相关链接

文档标签和贡献者

标签: 
此页面的贡献者: xgqfrms-GitHub, zyq930501, ziyunfei, sartrey, lunix01
最后编辑者: xgqfrms-GitHub,