JavaScript 클래스 선언

정의와 사용법

클래스는 함수입니다만, function 키워드를 사용하여 초기화하는 대신 class 키워드를 사용하고, constructor() 메서드에서 속성을 할당합니다。

클래스 객체를 초기화할 때마다 constructor() 메서드가 호출됩니다。

주의사항:기능과 다른 JavaScript 선언과 달리, 클래스 선언은 提升되지 않습니다(먼저 클래스를 선언한 후에 사용해야 합니다)。

주의사항:클래스의 문법은 "strict mode"으로 작성해야 합니다。

클래스에 대한更多信息는 JavaScript 클래스 튜토리얼을 참조하세요。

인스턴스

Car 클래스를 생성하고, Car 클래스를 기반으로 "mycar"이라는 객체를 생성하세요:

class Car {  // 클래스 생성
  constructor(brand) {  // 생성자
    this.carname = brand;  // 클래스 본체
  }
}
mycar = new Car("Ford");  // Car 클래스의 객체를 생성

직접 테스트해 보세요

문법

class className {
  // 클래스 본체
}

기술 세부 사항

JavaScript 버전: ECMAScript 2015 (ES6)

브라우저 지원

다음 표는 첫 번째 JavaScript 클래스를 완전히 지원하는 브라우저 버전을 정의합니다:

키워드 크롬 IE 파이어폭스 사파리 오페라
class 49.0 12.0 45.0 9.0 36.0

관련 페이지

JavaScript 강의:JavaScript 클래스

JavaScript 강의:JavaScript ES6 (EcmaScript 2015)

JavaScript 강의:JavaScript this

JavaScript 강의:JavaScript Strict 모드