TypeScript如何使用注解之Class属性

最新推荐文章于 2024-07-08 14:20:24 发布
最新推荐文章于 2024-07-08 14:20:24 发布
阅读量700 收藏 1
点赞数 1
分类专栏： web前端 文章标签： javascript typescript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/idler8/article/details/117690501
版权
本文探讨了在TypeScript中使用注解时遇到的问题，特别是关于Class属性的初始化和get注解的使用。通过思考和求证，解释了get属性在类实例化前无法执行的原理，并提供了相关文档链接作为深入学习的资源。最后，强调了基础学习的重要性。
摘要由CSDN通过智能技术生成

起因

当然又是有人问闲人问题，这次是个大佬。

@injectGet('some') // 注入一个some的get属性
class Cat(){
   }
// Uncaught ReferenceError: Cannot access 'injectGet' before initialization

思考

看报错就能理解一个大概：无法在初始化之前执行get注入
get属性是需要调用Object.definePrototype方法进行设定的属性。
故名思义，就是在class的上方注解的话，将会在类实例化之前被调用，此时无法获

最低0.47元/天 解锁文章
闲人老师
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
TypeScript的类型注解--(TypeScript 02)
Always-Learning
07-19 672
TS中的类型注解 基础类型：boolean string number null undefined symbol any never 对象：interface 数组：number[] string[] boolean[] 泛型的写法：Array<number> TS带来的新的语法特性 as 断言 class(OOP面向对象的三大特性)：封装、继承、多态 还有其他的，后续文章会进行详细的介绍。 创建tsconfig.json tsc --init 修改tsc的输出路径 在tscon
TypeScript基础篇 - TS类【Class】
qq_35729091的博客
07-28 1487
/ ts得先声明一下x: numbery:numberthis.x = xthis.y = y。
一文掌握ts中的装饰器（注解）
weixin_46709512的博客
04-13 1752
一文掌握ts中的装饰器类装饰器无参写法传参写法（装饰器工厂）类装饰器重载构造函数属性装饰器方法装饰器使用方法装饰器修改方法（方法）参数装饰器 类装饰器 类装饰器：在类声明之前被声明，紧靠着类声明。应用于类构造函数，用来监视、修改、替换类定义传入一个参数 用来扩展类的属性、方法。 类装饰器有两种应用方法，一种是传入参数的，一种是不传的。 无参写法 function logClass(params:any){ console.log(params) // 这个patams 就是当前的类 //
TypeScript 类 (class) 详解
最新发布
WANGPF183的博客
07-08 973
什么是类？TypeScript中的类是什么？什么是抽象类及抽象成员？
TypeScript 高级类型
zysskt的博客
12-14 383
TypeScript 高级类型
注解类中的属性
weixin_50125130的博客
06-15 313
的
在Vue 中使用Typescript的示例代码
10-18
TypeScript的类型注解和接口增加了代码的可读性，使得团队成员更容易理解彼此的代码，从而提高代码的可维护性。 **示例分析** 在Vue中使用TypeScript，例如在定义Vue组件时，可以这样编写： ```typescript import...
masterclass-typescript
03-28
1. **静态类型系统**：TypeScript 引入了类型注解，允许开发者在编写代码时声明变量、函数参数和返回值的类型，有助于减少运行时错误。 2. **接口（Interfaces）**：定义对象的结构，确保数据遵循特定的模式，提高...
详解在Vue中使用TypeScript的一些思考(实践)
08-27
无论是使用Vue.extend()还是vue-class-component，都需要适当地处理prop的类型注释，以确保类型安全。理解Vue的Prop选项和TypeScript的类型系统如何相互作用是成功集成这两者的关键。在实践中，开发者可以根据团队...
使用typescript改造koa开发框架的实现
10-15
typescript 的支持，安装相应的插件 `@typescript-eslint/parser` 和 `@typescript-eslint/eslint-plugin`，并在 `.eslintrc.js` 配置文件中进行设置，确保代码风格的一致性和可读性。 在进行 TypeScript 改造 Koa ...
typescript
03-30
TypeScript 的核心特性之一是其强大的类型系统。它允许开发者在编写代码时声明变量、函数参数和返回值的类型，从而在编译阶段就能发现许多潜在的错误。类型注解（如 `let num: number`）使代码更具可读性，并帮助...
注解
qq_20610631的博客
07-22 235
1. 注解的使用   * 定义注解类：框架的工作   * 使用注解：我们的工作   * 读取注解（反射）：框架的工作，tomcat利用反射，读取servlet 中的注解的 3　Java中的注解 Java中的觉注解： @Overrid：作用在方法上的注解。检查方法是不是父类继承的方法，当方法不是重写父类的方法时会报错； @Deprecated：作用在方法上。标记该方法为作废方法（已过时）； ...
前端之TS类型注解、接口（vscode自编译ts→js）
weixin_46372074的博客
06-27 5760
1.命令行安装自动编译命令 2.修改配置中的输出js存储位置和关闭严格模式 3.启动监视，自动编译ts为js启动监视任务: 终端 -> 运行任务 -> 监视tsconfig.json 1.html： 2.ts： 3.自动编译的js 结果：
二、TS的基础类型、类型注解
布白的博客
02-23 1122
TS中对于基础数据类型注解和一些特殊数据类型注解void、any、unknown、never js的数据类型：基础数据类型（7个）引用数据类型（1个）Object。
Java--Class类与反射+Annotation注解
qq_40132294的博客
10-31 353
通过Java的反射机制，可以在程序中访问已经装载到JVM中的Java对象的描述，实现访问、检测、修改描述Java对象本身信息的功能。java.lang.reflect包提供了反射的支持。
TS定义class类 及类之间继承方法
weixin_45966674的博客
05-08 3368
ES5的话 类主要靠的是构造函数原型链 这个就不多说了 感兴趣的朋友可以去看一下 但构造函数和原型链的用法 我老实说 他开始展现出被一些更规范语法取代的意向 ts定义一个基础类通过一个class的关键字 代码如下 class min{ name:String; constructor(){ this.name = '你好'; console.log(this.name); } } let mint = new min(); 运行效果就是 打印出了 ( 你
typescript 高级类型-class类详解
JiuMeilove的博客
02-19 2013
typescript 全面支持es2015中引入的class关键字,并为其添加了类型注解,和其它语法(比如,可见性修饰符等),class 基本使用,如下tips1. 根据ts中的类型推论,可以知道Person的实例对象p的类型是Person2. ts中的class,不仅提供了class的语法功能,也作为一种类型存在成员初始化(比如,age:number)后才可以通过this.age来访问实例成员需要为构造函数指定类型注解,否则会被隐式推断为any;构造函数不需要返回值类型。
为注解增加各种属性
Enjoy life,Enjoy coding!!
02-23 1240
1、 什么是注解的属性 a)      一个注解相当于一个胸牌，如果你胸前贴了胸牌，就是舒适播客的学生，否则就不是。如果还想区分出是传智播客哪个班的学生，这时候可以为胸牌在增加一个属性来进行区分。加了属性的标记效果为：@MyAnnotation(color=”red”) 2、 定义基本类型的属性和应用属性 a)      在注解类中增加String color(); //String 不是基
使用styled-components优化React组件：TypeScript视角
"TypeScript学习笔记，包括styled-components的使用和TypeScript简介" 在TypeScript学习过程中，styled-components是一个值得关注的库，它改变了传统的CSS样式处理方式，实现了样式组件化。styled-components允许...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

闲人老师

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

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

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

打赏作者

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

抵扣说明：

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

余额充值