ES6 자바스크립트에서 클래스의 정적 메소드, 속성 및 인스턴스 속성을 사용하는 방법

이번에 소개해드릴 것은 ES6 javascript 클래스의 static메소드, 속성, 인스턴스 속성입니다.

클래스는 인스턴스의 프로토타입과 동일합니다. 클래스에 정의된 모든 메서드는 인스턴스에 상속됩니다. 메소드 앞에 static 키워드를 추가하면 해당 메소드가 인스턴스에 상속되지 않는다는 의미입니다. 대신 "정적 메서드"라고 하는 클래스를 통해 직접 호출됩니다.

class Foo {
  static classMethod() {
    return 'hello';
  }
}
Foo.classMethod() // 'hello'
var foo = new Foo();
foo.classMethod()
// TypeError: foo.classMethod is not a function

위 코드에는 Foo 클래스의 classMethod 메서드 앞에 static 키워드가 있는데, 이는 해당 메서드가 정적 메서드이고 Foo 클래스에서 직접 호출할 수 있음을 나타냅니다( Foo.classMethod()), Foo 클래스의 인스턴스에서 호출하는 대신. 인스턴스에서 정적 메서드를 호출하면 해당 메서드가 존재하지 않는다는 오류가 발생합니다.

상위 클래스의 정적 메서드는 하위 클래스에서 상속될 수 있습니다.

class Foo {
  static classMethod() {
    return 'hello';
  }
}
class Bar extends Foo {}
Bar.classMethod(); // 'hello'

위 코드에서 상위 클래스 Foo에는 정적 메서드가 있고 하위 클래스 Bar에서는 이 메서드를 호출할 수 있습니다.
수퍼 개체에서 정적 메서드를 호출할 수도 있습니다.

class Foo {
  static classMethod() {
    return 'hello';
  }
}
class Bar extends Foo {
  static classMethod() {
    return super.classMethod() + ', too';
  }
}
Bar.classMethod();

위의 소개를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

관련 읽기:

jQuery를 사용하여 배열 중복 제거 및 정렬

Vue의 사용자 정의 지침을 사용하여 드롭다운 메뉴를 완성하는 방법

탐색 구성 요소 반응 탐색을 사용하는 방법

위 내용은 ES6 자바스크립트에서 클래스의 정적 메소드, 속성 및 인스턴스 속성을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!