![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
TypeScript
文章平均质量分 53
Always--Learning
选择远远大于努力
展开
-
TS系统整理
为什么需要TypeScript?TypeScript主要是用于静态类型的检查。使用JS的时候,我们必须要知道各种类型的细节才可以编写正确的代码。Ts文件和JS文件同时存在出现函数重复问题解决上述问题只需要初始化typescript的配置文件即可。tsc --init关闭TS的检查只需将ts的配置文件中的strict这一行注释掉即可。持续将TS转换为JStsc --watch显示类型function test2(person: string,date: Date) {原创 2022-05-28 08:50:11 · 3673 阅读 · 0 评论 -
TypeScript之初识interface
interface的作用描述对象的形状对类的一部分行为进行抽象下面的文章主要围绕着上面的两部分进行讲解。一、描述对象的形状注意:下面的interface之间的元素是通过分号进行分割的。interface 后面跟的名字大小写都可以。interface person { name: string; music: string;}let person: person = { name: 'justin', music: 'test'}通过inte原创 2021-10-20 07:45:09 · 394 阅读 · 0 评论 -
React使用TS模板脚手架报错:声明了“ React”,但从未读取其值
报错提示声明了“ React”,但从未读取其值。错误原因因为是使用的基于TS的react模板脚手架,因此在安装依赖的时候,必须安装带有@types/xxx的文件。解决办法npm install -D @types/react原创 2021-10-03 13:45:51 · 1859 阅读 · 0 评论 -
TypeScript核心基础
配置VScode自动生成TS文件生成ts配置文件tsc --init激活输出路径配置保存即输出到指定路径点击终端下的运行任务点击typescript点击tsc监视TS中的基本数据类型boolean类型let flag: boolean = true;flag = false;number类型let num: number = 666;num = 777;string类型let str: string = '666';str = '777';原创 2021-09-23 09:50:19 · 167 阅读 · 0 评论 -
【青训营】- TypeScript进阶笔记
基础知识anyany比较特殊,其实它既是Top TYPE又是Bottom Type,也就是说: any类型的常量/变量可以与任何其他类型的变量/常量相互赋值,但是any类型是不安全的,无语言服务的,所以应该尽量避免使用。any具有传染性: 它会使它所触及的地方变得不安全,所以TS在3.0引入了类型安全的unknown类型作为Top Type.any会隐藏bugany会隐藏代码设计细节:丢失了对数据类型的设计unknownunknown类型必须显示注解,TS不会把任何值推导为unknown原创 2021-08-22 17:56:07 · 194 阅读 · 0 评论 -
【青训营】- TypeScript入门笔记
1. TypeScript基础1.1 开发环境安装VSCode安装Node.js创建项目mkdir first-ts-project && cd first-ts-projectnpm init -ynpm install --save-dev typescriptnpm install --save-dev typescripr@next创建tsconfig.json选择TypeScript版本1.2 预备知识JS与TS的关系TypeScript是Ja原创 2021-08-21 20:51:43 · 241 阅读 · 0 评论 -
TypeScript中的类--(TypeScript 05)
类的注解方式需要对实例的属性进行注解。类的方法中有参数的需要进行注解。class Greeter { greeting: string; constructor(message: string) { this.greeting = message; } greet() { return "Hello, " + this.greeting; }}let greeter = new Greeter("world");原创 2021-08-10 21:46:38 · 198 阅读 · 0 评论 -
TypeScript的类型推论与联合类型--(TypeScript 03)
什么是TS中的类型推断?以下面的例子为例,有时候我们并没有进行类型注解,TS经过推断后给我们添加的类型注解。什么时候需要进行类型注解什么时候不需要呢?比如下面的代码,TS能够推断的,我们可以不进行注解let a = 3;比如下面的代码,TS不能够对参数进行推断的情况下,我们需要进行注解function test(a,b) { return a + b;}什么是联合类型?联合类型指的是一个变量可能具有多种类型,下面我们看一个简单的例子就明白了。let a: s原创 2021-07-20 16:20:38 · 225 阅读 · 0 评论 -
TypeScript的类型注解--(TypeScript 02)
TS中的类型注解基础类型:boolean string number null undefined symbol any never对象:interface数组:number[] string[] boolean[]泛型的写法:Array<number>TS带来的新的语法特性as 断言class(OOP面向对象的三大特性):封装、继承、多态还有其他的,后续文章会进行详细的介绍。创建tsconfig.jsontsc --init修改tsc的输出路径在tscon原创 2021-07-19 16:30:54 · 667 阅读 · 1 评论 -
TypeScript介绍--(TypeScript 01)
TypeScript的五个特点TS是由微软开发的开源编程语言。TS是JS的超集。(所谓的超集是指兼容了所有的特性)TS是开发大型应用的基石。TS提供了更加丰富的语法提示。TS在编译阶段能够检查错误。全局安装TSnpm install typescript -g将TS文件编译为JS文件tsc index.ts为什么说TS是静态类型,JS是动态类型?在JS中给一个字符串变量赋值为number是可以的,但是在TS中则不行,这可以理解为为什么说TS是静态的,JS是动态的。可以理解为T原创 2021-07-16 22:20:22 · 185 阅读 · 2 评论