陈小陈的博客

模块解析策略文章目录模块解析策略什么是模块解析相对与非相对模块导入相对导入非相对导入模块解析策略--moduleResolution 选项Classic 模块解析策略相对导入非相对导入Node 模块解析策略相对导入非相对导入TypeScript 模块解析策略什么是模块解析模块解析是指编译器在查找导入模块内容时所遵循的流程。相对与非相对模块导入根据模块引用是相对的还是非相对的，模块导入会以不同的方式解析。相对导入相对导入是以 /、./ 或 ../ 开头的引用// 导入根目录下的 m1 模块文件

TypeScript 的模块系统文章目录TypeScript 的模块系统TS 模块系统模块全局模块文件模块模块语法导出模块内部数据导入外部模块数据模块编译`module` 选项模块导出默认值的问题加载非 `TS` 文件非 `ESM` 模块中的默认值问题以模块的方式加载 JSON 格式的文件TS 模块系统虽然早期的时候，TypeScript 有一套自己的模块系统实现，但是随着更新，以及 JavaScript 模块化的日趋成熟，TypeScript 对 ESM 模块系统的支持也是越来越完善模块无论是

什么时候需要用泛型标注的具体类型并不能确定，比如一个函数的参数类型：function getVal(obj, k) { return obj[k]; }上面的函数，想实现的是获取一个对象指定的 k 所对应的值，那么实际使用的时候，obj 的类型是不确定的，自然 k 的取值范围也是不确定的，它需要我们在具体调用的时候才能确定，这个时候这种定义过程不确定类型的需求就可以通过泛型来解决泛型在函数中的使用function getVal<T>(obj: T, k: keyof T

文章目录类型保护typeofinstanceofin字⾯量类型保护自定义类型保护类型操作typeofkeyofin类型兼容类型保护在 JavaScript 中通过判断来处理⼀些逻辑，在 TypeScript 中这种条件语句块还有另外⼀个特性：根据判断逻辑的结果，缩⼩类型范围（有点类似断⾔），这种特性称为 类型保护 ，触发条件：逻辑条件语句块：if、else、elseif特定的⼀些关键字：typeof、instanceof、in……typeoftypeof 可以返回某个数据的类型，在

文章目录抽象类abstract 关键字类与接口implements类与对象抽象类一个基类（父类）的一些方法无法确定具体的行为，而是由继承的子类去实现。比如组件化的 React：class MyComponent extends Component { constructor(props) { super(props); this.state = {} } render() { //... } }根据上面代码，我们可以大致设计如下类结构每个组件都一个 p

面向对象编程中一个重要的核心就是： 类 ，当我们使用面向对象的方式进行编程的时候，通常会首先去分析具体要实现的功能，把特性相似的抽象成一个一个的类，然后通过这些类实例化出来的具体对象来完成具体业务需求。文章目录类的基础class构造函数成员属性与方法定义this 关键字构造函数参数属性继承super 关键字方法的重写与重载修饰符public 修饰符protected 修饰符private 修饰符readonly 修饰符寄存器gettersetter- 组件静态成员类的基础TypeScript 与.

文章目录函数的标注可选参数和默认参数可选参数默认参数剩余参数函数中的this普通函数箭头函数函数重载函数的标注一个函数的标注包含参数返回值function fn(a: string): string {}; let fn: (a: string) => string = function(a) {}; type callback = (a: string): string; interface ICallBack { (a: string): string; }let fn

文章目录联合类型交叉类型字面量类型类型别名使用类型别名定义函数类型interface 与 type 的区别interfacetype类型推导类型断言联合类型联合类型也可以称为多选类型，当我们希望标注一个变量为多个类型之一时可以选择联合类型标注，或的关系function css(ele: Element, attr: string, value: string|number) { // ... }// document.querySelector 方法返回值就是一个联合类型 let box

接口此接口非前后端联调的那个接口。接口定义TypeScript 的核心之一就是对值（数据）所具有的结构进行类型检查，除了基本类型标注，针对对象类型的数据，除还可以通过： Interface（接口），来进行标注。接口：对复杂的对象类型进行标注的一种方式，或者给其它代码定义一种契约（比如：类）interface Point { x: number; y: number;}通过这个接口来给一个数据进行类型标注：interface Point { x: number;

文章目录类型标注基础类型空和未定义类型对象类型内置对象类型自定义对象类型字面量标注接口类与构造函数数组类型使用泛型标注简单标注元组类型枚举类型字符串类型枚举无值类型Never类型任意类型未知类型函数类型类型标注基础的简单的类型标注基础类型空和未定义类型对象类型数组类型元组类型枚举类型无值类型Never类型任意类型未知类型（Version3.0 Added）基础类型基础类型包含：string，number，boolean标注语法let title: string

认识typeScript官网：https://www.typescriptlang.org中文：https://www.typescriptlang.org/zh/https://ts.xcatliu.com/什么是TypeScript？TypeScript能做什么？为什么要用TypeScript？什么时候用TypeScript？TypeScript 核心：解决 JavaScript 编程中的类型安全问题什么是类型安全？什么是类型系统？无论我们通过什么语言去写程序，都