说说你对 TypeScript 装饰器的理解?应用场景?

这里写目录标题

  • 一、TypeScript装饰器是什么?
  • 二、使用方式
  • 三、应用场景

一、TypeScript装饰器是什么?

装饰器是一种特殊类型的声明,它能够被附加到类声明,方法,访问符,属性或参数上。
是一种在不改变原类和使用继承的情况下,动态的扩展对象功能。
同样的,本质也不是什么高大上的结构,就是一个普通的函数,@expression的形式其实是Object.defineProperty的语法糖。
expression求值后必须也是一个函数,他会在运行时被调用,被装饰的声明信息作为参数传入。

二、使用方式

由于typescript是一个实验性特性,若要使用,需要在tsconfig.json文件启动,如下:

{
    "compilerOptions": {
        "target": "ES5",
        "experimentalDecorators": true
    }
}

typescript装饰器的使用和javascript基本一致。

类的装饰器可以装饰:

  • 方法/属性
  • 参数
  • 访问器

三、应用场景

可以看到,使用装饰器存在两个显著的优点:

  • 代码的可读性变强了,装饰器命名相当于一个注释
  • 在不改变原有代码情况下,对原来功能进行扩展。

后面的使用场景中,借助装饰器的特性,除了提高可读性之后,针对已经存在的类,可以通过装饰器的特性,在不改变原有代码情况下,对原来功能进行扩展。

你可能感兴趣的:(typescript,前端)