javascript 装饰器的理解与学习

2019年养成记录笔记的习惯，好好学习前端知识

装饰器模式概念

向一个现有的对象添加新的功能，同时又不改变其结构的设计模式被称为装饰器模式（Decorator Pattern），它是作为现有的类的一个包装（Wrapper），像java这种面向对象的语言，早就有装饰器了， ES7(ES2106)也已经提案了decorator.

注： es7中的decorator依赖于ES5的Object.defineProperty()方法

用法

修饰器一般的行为就是下面这种

可以看出，装饰器可以用在类上面，也可以用在类的方法上进行修饰。上面在类Cat上加了一个color修饰器，并且传了一个‘Yellow’的参数。这个装饰器的作用就是为类添加了一个静态属性。所以直接用Cat.color访问，如果想要添加的是实例属性，就应该通过类的prototyle对象操作了。

实例kitty就可以访问test属性了。

上面的例子我们看到了， actCute是对方法say的装饰。可以接收三个参数（target, name, descriptor）,

第一个参数是类的原型对象，上例是Cat.prototype，修饰器的本意是要“修饰”类的实例，但是这个时候实例还没生成，所以只能去修饰原型（这不同于类的修饰，那种情况时target参数指的是类本身）；第二个参数是所要修饰的属性名(上例是 say的方法名)，第三个参数是该属性的描述对象。通过console里面打印出来的可以看出。

理解下为什么我们只修饰类或者类的方法属性，而不能修饰函数？

修饰器只能用于类和类的方法，不能用于函数，因为存在函数提升。

转载于:https://juejin.im/post/5c2c577de51d451be35e6e1a