타입스크립트 static 메서드 예제

타입스크립트( Typescript )에서 static 키워드를 메서드 앞에 붙이면 정적 메서드( static method )를 만들 수 있다.

static 메서드는 클래스 자체에 속하는 메서드이다.

new로 객체를 생성하지 않아도 클래스이름.메서드이름() 형태로 호출하여 사용할 수 있다.

타입스크립트는 JavaScript의 클래스 문법을 지원하면서 매개변수와 반환값 등에 타입을 지정할 수 있다.

static 메서드는 계산 함수, 데이터 변환 함수처럼 공통 기능을 클래스에 묶을 때 사용할 수 있다.

⊙

class 클래스이름 {
  static 메서드이름(): void {
    /* 실행할 코드 */
  }
}

클래스이름.메서드이름();

⊙

class Calculator {
  static hello(): void {
    console.log("계산기를 실행한다.");
  }
}

Calculator.hello();

⊙

class Calculator {
  static add(a: number, b: number): number {
    return a + b;
  }
}

const result: number = Calculator.add(10, 20);

console.log(result);

⊙

class Calculator {
  static add(a: number, b: number): number {
    return a + b;
  }

  subtract(a: number, b: number): number {
    return a - b;
  }
}

/* static 메서드 */
console.log(Calculator.add(10, 5));

/* 인스턴스 생성 */
const calculator = new Calculator();

/* 인스턴스 메서드 */
console.log(calculator.subtract(10, 5));

⊙

static 메서드
클래스이름.메서드이름()

일반 메서드
객체이름.메서드이름()

⊙

class PriceCalculator {
  static calculateDiscount(
    price: number,
    discountRate: number
  ): number {
    return price - price * discountRate;
  }
}

const price: number = 10000;
const salePrice: number = PriceCalculator.calculateDiscount(
  price,
  0.2
);

console.log(salePrice);

⊙

class 클래스이름 {
  static 메서드이름(매개변수): 반환타입 {
    /* 실행 코드 */

    return 반환값;
  }
}

클래스이름.메서드이름(값);

⊙

class Calculator {
  static add(a: number, b: number): number {
    return a + b;
  }
}

console.log(Calculator.add(10, 20));