
TypeScript
文章平均质量分 85
TypeScript是微软开发的开源编程语言
codeMak1r.小新
codemak1r直译是代码制造者,也就是码农的意思
前端码农一枚,精通react、移动端、web端
展开
-
React中的TypeScript配置文件:tsconfig.json各配置项详细说明
TS配置文件 tsconfig.jsontsconfig.js指定:项目文件和项目编译所需的配置项。注意:TS的配置项非常多(100+),以 CRA(React脚手架工具 create-react-app(简称:CRA)) 项目中的配置为例来学习,其他的配置项用到时查文档typescriptlang.org/tsconfig#include即可。tsconfig.json 文件所在目录为项目根目录(与 package.json 同级)。tsconfig.json 可以自动生成,命令:tsc --i原创 2022-03-07 15:14:14 · 3631 阅读 · 4 评论 -
8.TypeScript入门之TS类型声明文件
~~~~上一章节:7.TypeScript入门之TS高级类型(索引签名类型和映射类型)Ⅴ.TypeScript 类型声明文件概述今天几乎所有的 JavaScript 应用都会引入许多第三方库来完成任务需求。这些第三方库不管是否是用 TS 编写的,最终都要编译成 JS 代码,才能发布给开发者使用。我们知道是 TS 提供了类型,才有了代码提示和类型保护等机制。但在项目开发中使用第三方库时,你会发现它们几乎都有相应的 TS 类型,这些类型是怎么来的呢?类型声明文件类型声明文件:用来为已存在的 J原创 2022-03-07 14:59:43 · 6413 阅读 · 8 评论 -
7.TypeScript入门之TS高级类型(索引签名类型和映射类型)
上一章节:6.TypeScript入门之TS高级类型(类型兼容性、交叉类型和泛型)4.5 索引签名类型绝大多数情况下,我们都可以在使用对象前就确定对象的结构,并为对象添加准确的类型。使用场景:当无法确定对象中有哪些属性(或者说对象中可以出现任意多个属性),此时,就用到索引签名类型了。interface AnyObject { [key: string]: number}let obj: AnyObject = { a: 1, b: 2}// 对象obj中只能出现为n...原创 2022-03-07 14:44:33 · 5350 阅读 · 2 评论 -
6.TypeScript入门之TS高级类型(类型兼容性、交叉类型和泛型)
上一章节:5.TypeScript入门之TS高级类型(class类)4.2 类型兼容性两种类型系统:1 Structural Type System(结构化类型系统) 2 Nominal Type System(标明类型系统)。TS 采用的是结构化类型系统,也叫做 duck typing (鸭子类型),类型检查关注的是值所具有的形状。也就是说,在结构类型系统中,如果两个对象具有相同的形状,则认为它们属于同一类型。class Point { x: number; y: number }class原创 2022-02-27 16:00:44 · 3971 阅读 · 1 评论 -
5.TypeScript入门之TS高级类型(class类)
讲述了TS(typescript)中高级类型之class类的所有知识点,TypeScript 全面支持 ES2015 中引入的class关键字,并为其添加了类型注解和其他语法(比如,成员可见性修饰符等)。原创 2022-02-26 18:00:22 · 6640 阅读 · 0 评论 -
4.TypeScript入门之TS常用类型(3)
上一章节:3.TypeScript入门之TS常用类型(2)3.13 枚举类型枚举的功能类似于字面量类型+联合类型组合的功能,也可以表示一组明确的可选值。枚举:定义一组命名常量。它描述一个值,该值可以是这些命名常量中的一个。enum Direction { Up, Down, Left, Right }function changeDirection(direction: Direction) { console.log(direction)}解释:使用enum关键字定义枚举。约定原创 2022-02-26 08:55:53 · 2725 阅读 · 0 评论 -
3.TypeScript入门之TS常用类型(2)
上一章节:2.TypeScript入门之TS常用类型(1)3.7 对象类型JS中的对象是由属性和方法构成的,而TS中对象的类型就是在描述对象的结构(有什么类型的属性和方法)。对象类型的写法:let person: { name: string; age: number; sayHi(): void } = { name: 'jack', age: 19, sayHi() {}}解释:直接使用{}来描述对象的结构。属性采用属性名:类型的形式;方法采用方法名():返回值类型的形式。原创 2022-02-24 17:52:51 · 2712 阅读 · 1 评论 -
2.TypeScript入门之TS常用类型(1)
Ⅲ.TypeScript常用类型概述:TS 提供了 JS 的所有功能,并且额外的增加了:类型系统。所有的 JS 代码都是 TS 代码。JS 有类型(比如:number/string等),但是 JS 不会检查变量的类型是否发生变化。而 TS 会检查。TypeScript 类型系统的主要优势:可以显示标记出代码中的意外行为,从而降低了发生错误的可能性。3.1 类型注解示例代码:let age: number = 18说明:代码中的 : number 就是类型注解。作用:为变量添加类型约原创 2022-02-23 16:38:27 · 2137 阅读 · 4 评论 -
1.TypeScript入门之TS初体验(运行TS代码)
Ⅰ.TypeScript介绍1.1 TypeScript是什么TypeScript(简称TS)是JavaScript的超集(JS有的TS都有)。TypeScript = Type + JavaScript(在JS的基础之上,为JS添加了类型支持)//TS代码:有明确的类型,即:number(数值类型)let age1: number = 18//JS代码:无明确类型let age2 = 18TypeScript是微软开发的开源编程语言,可以在任何运行JavaScript的地方运行(浏览器等原创 2022-02-23 16:24:21 · 5695 阅读 · 3 评论