关注
分享
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 · 3284 阅读 · 4 评论 -
8.TypeScript入门之TS类型声明文件
~~~~上一章节：7.TypeScript入门之TS高级类型（索引签名类型和映射类型）Ⅴ.TypeScript 类型声明文件概述今天几乎所有的 JavaScript 应用都会引入许多第三方库来完成任务需求。这些第三方库不管是否是用 TS 编写的，最终都要编译成 JS 代码，才能发布给开发者使用。我们知道是 TS 提供了类型，才有了代码提示和类型保护等机制。但在项目开发中使用第三方库时，你会发现它们几乎都有相应的 TS 类型，这些类型是怎么来的呢？类型声明文件类型声明文件：用来为已存在的 J原创 2022-03-07 14:59:43 · 6205 阅读 · 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 · 5094 阅读 · 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 · 3738 阅读 · 1 评论 -
5.TypeScript入门之TS高级类型（class类）
讲述了TS（typescript）中高级类型之class类的所有知识点，TypeScript 全面支持 ES2015 中引入的class关键字，并为其添加了类型注解和其他语法（比如，成员可见性修饰符等）。原创 2022-02-26 18:00:22 · 6361 阅读 · 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 · 2591 阅读 · 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 · 2595 阅读 · 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 · 2053 阅读 · 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 · 5581 阅读 · 3 评论