装饰器 Decorator

装饰器 Decorator

一、概念

Decorator是什么？

装饰器（Decorator） 是一种与类（class）相关的语法，用来注释或修改类和类方法;

可以理解为装饰器是一种扩展类功能的函数。

二、分类

1.类的装饰

function addSay(target){
  target.age = 10
}

@addSay;
class Person {
  contructor(name){
    this.name = name
  }
}

结论： 对于类的装饰器，第一个参数就是类本身，它的效果等价于

function addSay(target){
  // do something...
}

class Person {}

Person = addSay(Person) || Person

所以说通过addSay这个装饰器，它可以扩展类本身的一部分功能。

2.方法的装饰

对于类的属性和方法，也可以进行一定的装饰

function log(target , name , descriptor){
  console.log(name + '被访问了');
  return target.prorotype[name]
}

class Person {
  @log;
  name:'小鹏'
}

如上所示，如果装饰器的属性被访问了，就会触发log装饰器，同时log装饰器也会接受三个参数。

target: 构造函数本身
name : 被访问的属性
descriptor: 被访问属性的描述器

注意：装饰器不能用于函数，因为存在函数提升