타입스크립트 Parameter properties: constructor 매개변수에 속성 선언하기

📚 Parameter properties

타입스크립트에선 클래스의 constructor에서 속성을 선언할 때 매개변수에서 선언하고 초기화하는 것을 허용한다.

클래스 접근 제어자의 사용도 허용한다.

 

예제

class Octopus {
  readonly name: string;
  readonly numberOfLegs: number = 8;
 
  constructor(theName: string) {
    this.name = theName;
  }
}

기존의 작성 예시

class Octopus {
  readonly numberOfLegs: number = 8;
  constructor(readonly name: string) {}
}

constructor 매개변수에 속성을 선언하고 초기화했기 때문에 body 생략가능함

 

JS 컴파일 결과

"use strict";
class Octopus {
    constructor(name) {
        this.name = name;
        this.numberOfLegs = 8;
    }
}
let dad = new Octopus("Man with the 8 strong legs");
dad.name;

 

Reference

https://www.typescriptlang.org/docs/handbook/classes.html#parameter-properties

https://typescript-eslint.io/rules/parameter-properties/#prefer