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

一、TypeScript装饰器是什么?

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

二、使用方式

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

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

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

类的装饰器可以装饰:

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

三、应用场景

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

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

夏兮颜☆

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值