js class expression

最新推荐文章于 2024-07-24 20:42:56 发布

打杂人

最新推荐文章于 2024-07-24 20:42:56 发布

阅读量2.1k

点赞数

本文为 aerchi/乐意黎原创文章，未经允许不得镜像、采集博客内容。如有转载, 请注明文章来源。

本文链接：https://blog.csdn.net/aerchi/article/details/50546745

版权

Web 前端乱炖专栏收录该内容

341 篇文章 3 订阅

订阅专栏

The class expression is one way define a class in ECMAScript 2015 (ES6). Similar to function expressions, class expressions can be named or unnamed. If named, the name of the class is local the class body only. JavaScript classes are using prototype-based inheritance.

Syntax

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

Description

A class expression has a similar syntax to a class statement. However, with class expressions, you are able to omit the class name ("binding identifier"), which you can't with class statements.

Just like with class statements, the class body of class expressions is executed in strict mode.

Examples

A simple class expression

This is just a simple anonymous class expression which you can refer to using the variable "Foo".

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

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

Named class expressions

If you want to refer to the current class inside the class body, you can create a named class expression. This name is only visible in the scope of the class expression itself.

var Foo = class NamedFoo {
  constructor() {}
  whoIsThere() {
    return NamedFoo.name;
  }
}
var bar = new Foo();
bar.whoIsThere(); // "NamedFoo"
NamedFoo.name; // ReferenceError: NamedFoo is not defined
Foo.name; // "NamedFoo"