Angular 메소드 수준 캐시 주석(데코레이터)

이 글에서는 주로 Angular 메소드 수준의 캐시 주석(데코레이터)을 소개하며 참고용으로 공유합니다.

es6에서는 데코레이터를 사용하여 많은 일을 할 수 있습니다. 오늘은 각도에서 데코레이터를 사용하여 메서드 호출을 캐싱하는 기능을 공유하겠습니다.

프런트엔드 작업에서 자주 사용되는 메소드가 있는데, 이러한 메소드는 호출될 때마다 네트워크 요청, 데이터 통계 기능 등 많은 리소스를 차지하게 됩니다. 이러한 메서드는 일반적으로 함수 호출에 전달된 다양한 매개 변수를 따르며 다른 결과를 반환합니다.

스프링에서 캐시 기능을 사용해봤기 때문에 es에 스프링 캐시 가능한 Annotation이 있으면 좋겠다는 생각이 듭니다. 하지만 프런트엔드에서는 일반적으로 기능별로 캐시 시간을 다르게 설정해야 합니다

그래서 매번 해당 캐시 시간을 지정해야 합니다

@Cacheable(value="'accountCache_'+#userName")// 缓存名叫 accountCache_USERNAME  
public Account getAccountByName(String userName) {  
// @@@@
return acount;  
}

그래서 지원하는 캐시 주석을 만들었습니다. Returning Promise object

@cacheable(111)
getSecondLeftMenu(topMenuId: number){
return 1111;
}

위 내용은 제가 모두를 위해 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

Vue 프로젝트에 아이콘 아이콘을 도입하는 방법

JavaScript에서 이메일 주소 형식 확인

Javascript 성능 최적화를 위한 시간 공유 기능 소개

위 내용은 Angular 메소드 수준 캐시 주석(데코레이터)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!