ES6(Decorator(修饰器)

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(修饰器)重要的作用

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(修饰器)重要的作用