> 웹 프론트엔드 > JS 튜토리얼 > ES6의 Class 클래스의 정적 메소드

ES6의 Class 클래스의 정적 메소드

小云云
풀어 주다: 2018-01-19 16:42:58
원래의
1574명이 탐색했습니다.

본 글은 주로 ES6 Class 클래스의 정적 메소드를 소개하며, 예시 형식과 함께 ES6 Class 클래스의 정적 메소드 사용법과 관련 주의사항을 간략하게 정리, 분석하여 도움이 필요한 친구들이 참고할 수 있습니다. 모든 사람에게 도움이 되기를 바랍니다.

이전에 es6 내용을 본 적이 있지만 잊어버렸습니다. 요약하자면:

클래스는 인스턴스의 프로토타입과 동일합니다. 클래스에 정의된 모든 메서드는 인스턴스에 의해 상속됩니다. 메소드 앞에 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 클래스(Foo.classMethod())에서 직접 호출할 수 있음을 나타냅니다. 인스턴스에서 정적 메서드를 호출하면 해당 메서드가 존재하지 않는다는 오류가 발생합니다.

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


class Foo {
  static classMethod() {
    return 'hello';
  }
}
class Bar extends Foo {
}
Bar.classMethod(); // 'hello'
로그인 후 복사

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

관련 권장 사항:

ES6의 클래스 키워드에 대한 자세한 설명

ES6 Class의 super 키워드에 대한 자세한 설명

ES6 javascript에서 클래스 클래스의 get 및 set 사용 예

위 내용은 ES6의 Class 클래스의 정적 메소드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿