ES6에서 새 키워드가 없는 클래스 생성자 호출

클래스 정의가 주어지면:

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

new 키워드 없이 클래스 생성자를 직접 호출하는 것은 불가능합니다. 이는 ES6의 클래스에는 클래스가 호출될 때 호출되는 생성자 함수가 본질적으로 있기 때문입니다.

새 결과 없이 클래스를 호출하면 오류가 발생합니다.

Cannot call a class as a function

이 오류 메시지는 클래스 생성자가 클래스의 새 인스턴스를 만드는 데 필요한 new 연산자로만 호출될 수 있음을 분명히 나타냅니다.

이 제한 사항을 극복하려면 다음 접근 방식을 고려하세요. :

• 대신 일반 함수를 사용하세요:

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

• 항상 new:

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

• 클래스를 함수로 감싸고 new로 호출합니다:

var FooWrapper = function(...args) { return new Foo(...args) };
FooWrapper("world").hello(); // "hello world"