JavaScript Class static 키워드

정의 및 사용법

static 클래스 정의에 스타틱 메서드를 정의하는 키워드입니다.

스태틱 메서드는 클래스에서 직접 호출됩니다(예제에서는 Car)을 호출하면 됩니다. 클래스의 인스턴스/오브젝트를 생성하지 않아도 됩니다(mycar)。

인스턴스

예제 1

스태틱 메서드를 생성하고 클래스에서 호출하세요:

class Car {
  constructor(brand) {
    this.carname = brand;
  }
  static hello() {  // 스타틱 메서드
    return "Hello!!";
  }
}
mycar = new Car("Ford");
//'hello()'을 클래스 Car에서 호출하세요:
document.getElementById("demo").innerHTML = Car.hello();
//'mycar' 객체에서 호출하지 마세요:
//document.getElementById("demo").innerHTML = mycar.hello();
//에러가 발생합니다

직접 시도해 보세요

예제 2

스태틱 메서드 내에서 mycar 객체를 사용하려면, 매개변수로 전달할 수 있습니다:

mycar를 매개변수로 전달하세요:
class Car {
  constructor(brand) {
    this.carname = brand;
  }
  static hello(x) {
    return "Hello " + x.carname;
  }
}
mycar = new Car("Ford");
document.getElementById("demo").innerHTML = Car.hello(mycar);

직접 시도해 보세요

문법

static methodName()

기술 세부 사항

JavaScript 버전: ECMAScript 2015 (ES6)

브라우저 지원

키워드 Chrome IE Firefox Safari Opera
static 49.0 13.0 45.0 9.0 36.0

관련 페이지

JavaScript 교본:JavaScript 클래스

JavaScript 교본:JavaScript ES6 (EcmaScript 2015)

JavaScript 참조서:constructor() 메서드