> 웹 프론트엔드 > JS 튜토리얼 > ES6에서 클래스의 정적 메소드 기능은 무엇입니까?

ES6에서 클래스의 정적 메소드 기능은 무엇입니까?

php中世界最好的语言
풀어 주다: 2017-12-31 11:34:59
원래의
3155명이 탐색했습니다.

이번에 소개해드릴 내용은 ES6 클래스의 static 메소드의 기능이 무엇인지에 대한 것입니다.

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

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

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에서는 이 메서드를 호출할 수 있습니다.

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

관련 읽기:

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

JS를 사용하여 클릭 한 번으로 로그인된 개인 사서함으로 이동하는 방법

자세한 소개 require.js 사용

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

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