javascript - ES6 : call class constructor without new keyword

Question

给定一个简单的类

class Foo {
  constructor(x) {
    if (!(this instanceof Foo)) return new Foo(x);
    this.x = x;
  }
  hello() {
    return `hello ${this.x}`;
  }
}

是否可以在不使用 new 关键字的情况下调用类构造函数？

使用应该允许

(new Foo("world")).hello(); // "hello world"

或者

Foo("world").hello();       // "hello world"

但后者失败了

Cannot call a class as a function

Answer 1

类有一个“类体”，是一个构造函数。
如果您使用内部 constructor() 函数，该函数也将是同一个类主体，并且将是调用类时调用的函数，因此类始终是构造函数。

构造函数需要使用 new 运算符来创建新实例，因此调用没有 new 运算符的类会导致错误，因为它是 类构造函数需要来创建新实例。

错误信息也很具体，而且正确

TypeError: Class constructors cannot be invoked without 'new'

你可以；

• 要么使用常规函数代替类¹。
• 始终使用 new 调用类。
• 在包装常规函数中调用类，始终使用 new，这样您可以获得类的好处，但是包装函数仍然可以在有和没有 new 运算符2。

---

¹⁾

function Foo(x) {
    if (!(this instanceof Foo)) return new Foo(x);
    this.x = x;
    this.hello = function() {
        return this.x;
    }
}

²⁾

class Foo {
    constructor(x) {
        this.x = x;
    }
    hello() {
        return `hello ${this.x}`;
    }
}

var _old = Foo;
Foo = function(...args) { return new _old(...args) };