생성자 메서드 맞춤법 오류 방지

Question

내가 만난 가장 일반적인 ES6 관련 실수 중 하나는 맞춤법 오류 constructor입니다. 클래스는 기본 생성자 메서드를 가지고 있기 때문에 분명히

, 이것은 어떤 영향을하지 않습니다

interface IConstructor { 
    constructor: Function; 
} 

class Foo implements IConstructor { 
    contructor() { ... } 
} 

방법이 문제 바람직 컴파일시에, 타이프 라이터로 해결 될 수 있는가?

Answer 1

쉽게 보호 할 수는 없지만 보호 할 수는 없습니다.

class Base { 
    protected constructor() {} 
} 

class A extends Base { 
    contructor() { } 
} 

let a = new A(); // error: Constructor of class 'Base' is protected and only accessible within the class declaration 

(code in playground)

을하지만 그 이상되는 거리가 멀다입니다 :

당신은 예를 들어, 해결할 수 있습니다.

Answer 2

기본적으로 메소드 선언입니다. 파생 된 맞춤법 오류를 방지 할 수 없습니다.

Answer 3

인터페이스는 유형과 유형 소비자 간의 계약입니다. 클래스를 코드를 사용하여 인수없이 인스턴스화 할 수 있는지 확인하려는 경우 이미 완료된 것입니다. 제로 파라미터 생성자를 선언했는지 여부에 관계없이 유형의 소비자는 인수없이 인스턴스를 생성 할 수 있습니다.

한편 유형 시스템을 사용하여 무언가 인이없는 0 매개 변수 생성자가 정의되었는지 확인하려면 정적 유형 검사가 적합합니다. 아마 당신의 단위 테스트에서 이것을 검증 해보십시오.

class Foo implements IConstructor { 
    constructor() {} 
} 

유일한 차이점 중요한 것은 :

class Foo implements IConstructor { 
    constructor() { 
     // ... 
     /* Is this */ 
     // ... 
    } 
} 

그리고 그 동작을 확인하는

class Foo implements IConstructor { 
} 

이에서 의미있는 차이가 없다 :이 즉

, 부분 검사는 유형 검사보다 단위 검사에 더 적합합니다.

Answer 4

이것을 방지하고 입력시 저장하는 가장 좋은 방법은 텍스트 편집기에서 미리보기를 사용하여 생성자를 만드는 것입니다.

예를 들어 제 편집자에서 ctor을 입력하고 탭을 누르면 기본 생성자가 생성됩니다. 당신은 당신이 사용하는 편집기에 상관없이 이것을 수행하는 방법을 찾아야 할 것입니다. 대부분의 편집자는 스 니펫을 지원합니다 (그렇지 않은 경우 편집자를 전환해야합니다).

이 문제를 방지하기위한 추가 코드 작성은 과도한 작업입니다.

Answer 5

생성자 메서드 맞춤법 오류와 관련된 문제를 해결하기 위해 일반적으로 알지 못하는 모든 오 프린트를 포함하는 인터페이스를 작성했습니다.

interface IConstructor { 
    constructor: Function; 
    constuctor?: void; 
    construtor?: void; 
    contructor?: void; 
    cnstructor?: void; 
    // ... 
} 

// Type '() => void' is not assignable to type 'void'. 
class Foo implements IConstructor { 
    contructor() { } 
} 

생성자 메서드를 지정해야하지만 누락 된 문제는 해결되지 않습니다.

더 과감한 접근 방법은 서브 클래스를 사용하는 것입니다 (the other answer에서 제안).