typescript（Day7）- - 修饰器

最新推荐文章于 2024-10-06 22:50:02 发布
最新推荐文章于 2024-10-06 22:50:02 发布
阅读量514 收藏
点赞数
文章标签： typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46240162/article/details/107825086
版权
typescript（Day7） - - 装饰器
  • 总算完结啦，源码在：https://gitee.com/jimmyxuexue/basic_knowledge_of_typescript

装饰器：一种特殊的类型声明，可以附加在类的声明、方法、属性上，可以修改类的行为
通俗的将装饰器本质上就是一个方法，可以注入到类、方法、属性参数来扩展类、方法、属性的功能
常见的装饰器有：类装饰器、属性装饰器、方法装饰器、参数装饰器
装饰器的写法：普通装饰器（无法传参） 、 装饰器工厂（可传参）
装饰器是过去几年中JS最大的成就之一，已经是ES7的标准特性之一

类装饰器

类修饰器有两种形式，一种是普通修饰器（不能进行传参）第二种是装饰器工厂（可传参）

  • 普通装饰器
    在这里插入图片描述
  • 装饰器工厂
    在这里插入图片描述
属性装饰器

属性装饰器一般是工厂模式 一样的 最外面一层的函数是获取返回值的 嵌套的才是原型对象 我们就可以根据原型对象来对类的属性进行一些修改
属性装饰器表达式会在运行时当做函数被调用，传入下列两个参数

  • 对于静态成员来说是类的构造函数 对于实例成员来说是类的原型对象
  • 属性成员的名字

在这里插入图片描述

方法装饰器

方法装饰器使用起来是一样的
工厂模式下 外层的函数接收的是装饰器传参 内层函数传递三个参数 分别是 原型对象 方法名 方法描述

在这里插入图片描述

方法参数修饰器

方法参数修饰器在工厂模式下 第一个函数可以传递参数 嵌套的函数就是第一个参数时 targer原型对象 第二个参数时方法名 第三个参数是修饰器修饰的参数所传递的值
这种修饰器使用的较少

在这里插入图片描述

所有修饰器的执行顺序

执行顺序： 属性装饰器>参数装饰器>方法装饰器>类装饰器
装饰器的执行顺序是从后向前执行的 也就是说如果装饰器相同的话 写在后面的装饰器会先被执行
以下是一个案例，证明了上面所说的修饰器顺序
在这里插入图片描述
在这里插入图片描述
由以上例子就可证明出执行顺序了

typescript总结
  • typescript是js的超集，新增了很多面向对象的特性
  • typescript是属于编译型语言，因为最终通是需要通过编译成js浏览器和node.js才会认识
  • typescript主要加了类型检测、泛型、接口、装饰器

VUE3 就是用typescript重写了一遍，所以现在撸完了typescript，可以开始撸Vue3了，暑假的前端实习也就要结束了，可以安心沉淀一下学习。

Jimmy雪雪
关注
TypeScript语法总结-看这篇就够
米糊hia的博客
10-15 820
融合了后端面向对象思想的超级版的JavaScript语言。​ TypeScript是JavaScript的超集，扩展了JavaScript的语法。特点：（1） TypeScript: 【静态类型检查器】 可在编译时检查错误（2） TypeScript为JS的超集（3） TS === JS + 【类型】 js有的ts都有（4） TS 规范了 JS类型声明 使之更加严谨TypeScript本质就是带有类型检查的JavaScript。
TypeScript学习文档-基础篇（完结）
虚幻私塾
04-03 1339
Python微信订餐小程序课程视频 https://edu.csdn.net/course/detail/36074 Python实战量化交易理财系统 https://edu.csdn.net/course/detail/35475 目录* TypeScript学习第一章:TypeScript初识 + 1.1 TypeScript学习初见 + 1.2 TypeScript介绍 + 1.3 JS 、TS 和 ES之间的关系 + 1.4 TS的竞争者有哪些? - 1. ESLint - 2. TSlint -
typeScript 装饰器
weixin_33896726的博客
11-03 129
装饰器是一种特殊类型的声明，它能够被附加到类声明，方法，访问符，属性或参数上。 装饰器使用@expression这种形式，expression求值后必须为一个函数，它会在运行时被调用，被装饰的声明信息做为参数传入。 例如，有一个@sealed装饰器，我们会这样定义sealed函数： function sealed(target) { // do something with "...
TypeScript 装饰器
jerome_777的博客
04-01 421
TypeScript 装饰器 装饰器 是一种特殊类型的声明，它能够被附加到类声明，方法， 访问符，属性或参数上。 装饰器使用 @expression这种形式，expression求值后必须为一个函数，它会在运行时被调用，被装饰的声明信息做为参数传入。 预备知识 装饰器工厂 如果我们要定制一个修饰器应用到一个声明上，我们得写一个装饰器工厂函数。 装饰器工厂就是一个简单的函数，它返回一个表达式，以供装饰器在运行时调用。 例如： function color(value: string) { // 这是一个装饰器
一文带你了解TypeScript装饰器
公众号：前端充电宝
01-03 1160
目录1. 什么是装饰器？（1）装饰器的作用（2）装饰器的定义（3）装饰器的本质2. 装饰器工厂3. 装饰器组合4. 类装饰器5. 方法装饰器6. 访问器装饰器7. 属性装饰器8. 参数装饰器 1. 什么是装饰器？ （1）装饰器的作用 装饰器(decorator)的主要作用是给一个已有的方法或类扩展一些新的行为，而不是去直接修改它本身。 在 ES2015 进入 Class 之后，当我们需要在多个不同的类之间共享或者扩展一些方法或行为的时候，代码会变得错综复杂，极其不优雅，这也就是装饰器被提出的一个很重要的
TypeScript 的装饰器有哪些？
fe_watermelon的博客
09-18 509
总的看来，TS 装饰器可以在类上加一些标记，然后对应的装饰器就能拿到必要的信息（类的原型、方法名、描述符等），然后就可以做一些代理、记录信息的功能增强。TS 装饰器最后编译成的 JS 会丢掉这些装饰器标记，本质其实是语法糖。我是前端西瓜哥，欢迎关注我，学习更多前端知识。
TypeScript详解五：装饰器
to_the_Future的博客
07-24 2968
本文简单介绍了 TypeScript 装饰器的基本语法和使用方法。通过装饰器，我们可以大大提高代码的可读性和扩展性，减少冗余代码量，同时也实现了更好的代码复用。
【TypeScript 4.5】008-第 8 章 类
weixin_65251013的博客
01-16 996
在一个字段前面加上这个前缀，可以防止我们在构造函数之外对这个字段进行复制getters和setters是我们类里面特殊的一些方法，我们称为访问器/存取器（设置器）派生类也可以覆盖基类的一个字段或者是属性可以使用super.语法范围基类的方法需要注意:javascript类是一个简单的查找对象，他没有超级字段的概念TypeScript强制要求派生类总是他的基类的 一个子类型。
Java核心技术· 卷一（11版）笔记（第7-9章）
weixin_43647460的博客
11-01 224
Java中的异常、断言和日志是常用的调试和错误处理工具。异常是在代码执行过程中发生不可预测的错误时，程序会抛出一个异常来中断当前的执行流程，以防止更严重的错误发生。Java中的异常分为可检查异常（checked exception）和运行时异常（runtime exception）。可检查异常需要在方法的声明中被显式地声明或捕获，而运行时异常则不需要。常见的Java异常类包括：NullPointerException、ArithmeticException、ArrayIndexOutOfBoundsExce
TypeScript学习笔记(2019最新最全)
程序员小火车---嘟嘟嘟，开火车啦
05-27 1326
欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我的前端学习笔记--->行业内最新最群的报告，工作日每日更新 TypeScript学习笔记 1.TypeScript简介 1.JavaScript JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览...
TypeScript基础入门之装饰器(三)
zhangda89的专栏
10-23 756
转载 TypeScript基础入门之装饰器(三) 继续上篇文章[TypeScript基础入门之装饰器(二)] 访问器装饰器 Accessor Decorator在访问器声明之前声明。 访问器装饰器应用于访问器的属性描述符，可用于观察，修改或替换访问者的定义。 访问器装饰器不能在声明文件中使用，也不能在任何其他环境上下文中使用（例如在声明类中）。 注意: TypeScript不允许为单个成...
Typescript - 装饰器
RequesToGod的博客
06-10 595
Typescript 装饰器上手简单案例。
TypeScript：装饰器
最新发布
ChinaDragon10的博客
10-06 1144
随着TypeScript和ES6里引入了类，在一些场景下我们需要额外的特性来支持标注或修改类及其成员。 装饰器（Decorators）为我们在类的声明及成员上通过元编程语法添加标注提供了一种方式。 注意： 装饰器是一项实验性特性，在未来的版本中可能会发生改变。
TypeScript 装饰器（decorators）
weixin_37994110的博客
04-10 555
介绍 类似与Java中的注解，可以用于类、域、以及方法或者方法的参数上。 在typescript中目前是一项实验性的特性，通过修改配置文件支持： { "compilerOptions":{ "experimentalDecorators": true } } 装饰器使用 装饰器使用@expression这种形式，expression求值后必须为一个函数。也就是说，@后面可以接一个表达式，...
typescript中的装饰器（笔记）
the_lower的博客
07-10 248
装饰器是一种特殊类型的申明，它能够被附加到类申明、方法、属性或参数上，可以修改类的行为 通俗的讲，装饰器就是一个方法，可以注入到类、方法、属性或参数上来扩展类、属性、方法、参数的功能 常见的装饰器： 类装饰器、属性装饰器、方法装饰器、参数装饰器 装饰器的写法: 普通装饰器（无法传参）、装饰器工厂（可以传参） 普通装饰器： 不能传参 // 定义一个装饰器 function logClass(param:any){ console.log(param)//输出：ƒ HttpClient() {} .
Typescript | 装饰器， AOP
u011607490的博客
01-04 1560
 先把demo放这里，有时间再来整理。 class Node { constructor(public x: number, public y: number) {} @action action() { console.log('...', this) return 'hello aop' } } // 不能用箭头函数 function action(ta...
typescript之装饰器介绍
mxydl2009的博客
07-01 323
装饰器：可以对类、类的属性（数据属性、访问器属性）和方法、方法的参数进行装饰，扩展或修改原来的功能。
typescript（Day7）- - 修饰器，成功跳槽阿里
m0_60388419的博客
03-18 879
为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。前端面试题汇总开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】JavaScript性能linux。
TypeScript 中的修饰符
weixin_44176774的博客
06-28 708
装饰器 了解 装饰器是一种特殊类型的声明，它能够被附加到类的声明、方法、属性或参数上，可以修改类的行为 通俗的来讲修饰器就是一个方法，可以注入到类、方法、属性参数上来扩展类、属性、方法、参数的功能 常见的修饰器有类修饰器、方法修饰器、参数修饰器 装饰器全家桶 装饰器家族有 4 种装饰形式，注意，装饰器能装饰在类、方法、属性和参数上，但不能只装饰在函数上！ 写法 普通修饰器（无法传参）、修饰器工...
vue-typescript-import-dts
08-08
vue-typescript-import-dts 是一个用于为 Vue.js 项目中的 TypeScript 文件生成类型声明文件的工具。在 Vue.js 项目中使用 TypeScript 进行开发时，我们经常需要为一些第三方库或自定义组件编写类型声明文件，以提供...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值