ES6(Decorator(修饰器))

时间:2022-06-22 17:30:32

Decorator(修饰器)

1.基本概念

函数用来修改 类 的行为

1.Decorator 是一个函数 2.通过Decorator(修饰器)能修改 类 的行为(扩展 类 的功能)3.Decorator(修饰器)只在类的范围有用

2.基本用法

见代码

一、Decorator(修饰器)定义

ES6(Decorator(修饰器))

结果

ES6(Decorator(修饰器))

修改 time 属性

ES6(Decorator(修饰器))

结果:

ES6(Decorator(修饰器))

(不允许修改,达到“只读”的功能)

2.类外面进行操作(必须在 class 前面)

ES6(Decorator(修饰器))

结果:

ES6(Decorator(修饰器))

第三方库:

ES6(Decorator(修饰器))

二、实例(卖点系统)

1.

ES6(Decorator(修饰器))

2.实例化

ES6(Decorator(修饰器))

3.运行

ES6(Decorator(修饰器))

结果:

ES6(Decorator(修饰器))

好处:1.将卖点系统抽离出来成为一个可复用的模块,复用性提高

2.业务代码的简介度和可维护性提高

这也是Decorator(修饰器)重要的作用