>  기사  >  웹 프론트엔드  >  es6 데코레이터의 용도는 무엇입니까?

es6 데코레이터의 용도는 무엇입니까?

WBOY
WBOY원래의
2022-05-05 15:22:031380검색

ES6에서 데코레이터는 클래스와 클래스 메서드에 주석을 달거나 수정하는 데 사용됩니다. 데코레이터는 컴파일 타임에 실행되는 함수로, 클래스 아래의 속성 메서드에 일부 제어 조건을 추가합니다. 일반적으로 클래스 및 클래스 메서드 정의 앞에 배치되며 클래스 데코레이터와 클래스 메서드 데코레이터의 두 가지 유형으로 나눌 수 있습니다. 구문은 "@함수 이름"입니다.

es6 데코레이터의 용도는 무엇입니까?

이 튜토리얼의 운영 환경: Windows 10 시스템, ECMAScript 버전 6.0, Dell G3 컴퓨터.

es6 데코레이터의 용도는 무엇입니까?

Decorator: 클래스와 클래스 관련 메서드 및 속성에 주석을 달고 수정하는 데 사용되는 클래스 관련 구문입니다. 많은 객체 지향 언어에는 이 기능이 있습니다. 일반적으로 클래스와 관련하여 일반적인 메소드를 사용하지 마십시오.

Decorator는 일종의 함수입니다. 클래스 및 클래스 메소드 정의 앞에 위치할 수 있습니다. 데코레이터는 함수를 실행하고 클래스 또는 클래스

Decorator

코드를 재사용할 수 있는 클래스 또는 클래스 속성에 다른 코드를 구동하는 클래스 또는 속성 메서드에 일부 제어 조건을 추가하는 것입니다. 데코레이터는 주로 다음 작업에 사용됩니다. : 장식 클래스, 장식 메소드 또는 속성의 예

는 다음과 같습니다.


Decoration 클래스

@annotation
class MyClass { }
function annotation(target) {
   target.annotated = true;
}

Decoration 메소드 또는 속성

class MyClass {
  @readonly
  method() { }
}
function readonly(target, name, descriptor) {
  descriptor.writable = false;
  return descriptor;
}

[관련 권장사항:

javascript 비디오 튜토리얼

, 웹 프론트엔드]

위 내용은 es6 데코레이터의 용도는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.