MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

该新特性属于 ECMAScript 2015(ES6)规范,在使用时请注意浏览器兼容性。

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

语法

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

描述

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

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

示例

使用类表达式

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

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

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

命名类表达式

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

// TBD
var Foo = class NamedFoo {
  
}

规范

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

浏览器兼容性

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

相关链接

文档标签和贡献者

 此页面的贡献者: zyq930501, ziyunfei, sartrey, lunix01
 最后编辑者: zyq930501,