欢迎光临散文网 会员登陆 & 注册

一文说明,TypeScript 的装饰器

2023-04-28 10:50 作者:千锋前端  | 我要投稿


●装饰器 ( Decorators )
●注意 : 装饰器目前是一项实验性特性,在未来的版本中可能会发生改变

●装饰器一般使用在以下几个地方
○类
○类属性
○类方法
○类方法的参数
○通过这些我们也能看得出来, 其实说白了, 就是在类中会使用到装饰器
●装饰器的意义 :
○说白了, 装饰器就是一个方法, 可以注入到 类, 属性, 方法 中对其进行一些扩展
○让我们的一个类变得更加的多样化, 更加的完善

类装饰器

●其实就是自己书写一个方法, 对一个类进行扩展

●我们就可以在定义这个类的时候, 使用 fn 方法对其进行装饰

●看似好像没有什么用处
○其实装饰器主要的作用就是在类的原型上去扩展一些方法
○来看一个例子吧

原始形态

●我们发现每一个类里面都会有一个 play 一个 study 一个 sleep 方法
●这个时候, 我们就是在重复的书写代码
●我们这个时候就想到一个内容, 叫做继承

继承实现

●我们发现效果是可以实现的

装饰器实现

●同样的内容, 我们用装饰器也可以实现, 我们发现和继承没有什么区别
●但是, 我们如果用装饰器实现的话, 可以通过装饰器, 把不同的内容分开, 实现更加灵活

●这样看起来是不是灵活了很多呢

类属性装饰器
●顾名思义, 就是用来对于类里面属性的扩展
●注意 : 可以修改属性的值, 但是不能修改该属性的类型限制

●这样我们在定义类的时候, 可以根据装饰器对于某些属性进行修饰

类方法的装饰器
●同样的, 我们的方法装饰器就是用来对方法进行一些修饰

●这里其实就是利用装饰器把函数给换掉了

类方法的参数装饰器
●这种装饰器就是用来修饰类身上的方法中的参数的

●注意
○只能做监控参数是否传递, 没办法修改
○必须要使用装饰器工厂形式
○因为目前的装饰器机制还不是很完善

●输出结果


●说白了, 各种装饰器就是对对应的内容进行一些修饰而已
●目前还没有那么完善, 期待后期 TS 的更新和完善
●我相信完善以后的装饰器会是非常强大的存在





一文说明,TypeScript 的装饰器的评论 (共 条)

分享到微博请遵守国家法律