![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
【TypeScript】
文章平均质量分 62
浅夏晴空
这个作者很懒,什么都没留下…
展开
-
JSON转换TypeScript
TypeScript(TS)是一种强类型的编程语言,由于在编译时便会发现代码存在的问题,被前端团队大量使用。TS使开发人员能够掌握各种组件的交互方式,并使代码重构变得更加容易;但对于需要准确定义的类型,在使用时会比较麻烦。特别是涉及数个及数十个后端接口数据的类型定义,会有大量的转换和的时间成本。通过VSCode插件实现一键生成TS声明,可以节省编程过程的开发成本。为了克服TS的变量类型声明过于繁琐的缺点,节约开发成本,推荐使用VSCode插件【Auto-ts-inline-types】。原创 2022-10-13 15:35:03 · 3891 阅读 · 1 评论 -
TypeScript与React中如何使用ref
父组件在父组件中,编写如下:类中定义child,用于存放子组件的作用域public child: any;Copy to clipboardErrorCopied绑定子组件作用域public onRef(ref:any){ this.child = ref}Copy to clipboardErrorCopied子组件上绑定ref<ChildPage onRef={(el)=>this.onRef(el)} />Copy to clipboardError原创 2021-01-06 17:06:59 · 2190 阅读 · 0 评论 -
React+TS免注册DOM页面dialog弹窗
背景在日常的需求开发中我们经常需要用到弹窗,那么在我们构建弹窗时,在引用组件是都需要引入组件DOM,然后通过事件来控制组件的影藏显示,调用也不是很方便;本组件使用事前注册DOM的方式,业务方在使用时刻直接调用暴露的方法即可,无需再引用DOM。示例组件使用示例import newDialog from “*./components/newDialog”newDialog.open({ title: "退出发布", content: '是否需要保存草稿箱?', btn:原创 2020-09-29 16:16:35 · 558 阅读 · 0 评论 -
TypeScript泛型详解
泛型泛型(Generics)是指在定义函数、接口或类的时候,不预先指定具体的类型,而在使用的时候再指定类型的一种特性。示例我们先实现一个student方法获取不同属性来看看使用:JavaScript实现//定义学生的属性获取方法,一个返回字符串类型的name一个返回number类型的年龄let itemFun = { getName: (name)=>{ ...原创 2019-08-14 15:48:50 · 3802 阅读 · 0 评论 -
TypeScript泛型约束
泛型约束有了泛型之后,一个函数或容器类能处理的类型一下子扩到了无限大,似乎有点失控的感觉。所以这里又产生了一个约束的概念。我们可以声明对类型参数进行约束。我们还拿上文中的student栗子来说,想访问value的length属性,但是编译器并不能证明每种类型都有length属性,所以就报错了。student = <T extends {}>(value: T): T => ...原创 2019-08-14 15:49:52 · 4484 阅读 · 1 评论 -
TypeScript泛型接口
以使用接口的方式来定义一个函数需要符合的形状:interface SearchFunc { (source: string, subString: string): boolean;}let mySearch: SearchFunc = (source: string, subString: string) => { return source.search(subSt...原创 2019-08-14 15:51:37 · 2135 阅读 · 0 评论 -
TypeScript声明文件
声明文件简介当使用第三方库时,我们需要引用它的声明文件,才能获得对应的代码补全、接口提示等功能。什么是声明语句假如我们想使用第三方库 jQuery,一种常见的方式是在 html 中通过 <script> 标签引入 jQuery,然后就可以使用全局变量 $ 或 jQuery 了。如:$('body')但是在 ts 中,编译器并不知道 $ 或 jQuery 是什么东西:$('...原创 2019-08-14 15:54:48 · 5206 阅读 · 0 评论 -
TypeScript内置对象
前言JavaScript 中有很多内置对象,它们可以直接在 TypeScript 中当做定义好了的类型。内置对象是指根据标准在全局作用域(Global)上存在的对象。这里的标准是指 ECMAScript 和其他环境(比如 DOM)的标准。ECMAScript 的内置对象ECMAScript 标准提供的内置对象有:Boolean、Error、Date、RegExp 等。我们可以在 Typ...原创 2019-08-14 15:59:54 · 438 阅读 · 0 评论