TypeScript
文章平均质量分 94
TypeScript学习笔记
CUG-GZ
这个作者很懒,什么都没留下…
展开
-
一文带你用TypeScript 封装Axios
目录1. Axios 概念2. Axios 封装1. Axios 概念在开发中广泛使用的Axios调用接口,Axios 是一个基于 Promise 的 HTTP 库,可以在浏览器和 node.js 中使用。Axios 具备以下特性:从浏览器中创建 XMLHttpRequests;从 node.js 创建 HTTP 请求;支持 Promise API;拦截请求和响应;转换请求数据和响应数据;取消请求;自动转换 JSON 数据;客户端支持防御 XSRF。其实可以理解为 Axios 就是原创 2021-01-27 11:24:33 · 8577 阅读 · 0 评论 -
一文带你了解TypeScript装饰器
目录1. 什么是装饰器?(1)装饰器的含义(2)装饰器的定义(3)装饰器的本质2. 装饰器工厂3. 装饰器组合4. 装饰器顺序5. 类装饰器6. 方法装饰器7. 访问器装饰器8. 属性装饰器9. 参数装饰器1. 什么是装饰器?(1)装饰器的含义装饰器(decorator)的主要作用是给一个已有的方法或类扩展一些新的行为,而不是去直接修改它本身。在 ES2015 进入 Class 之后,当我们需要在多个不同的类之间共享或者扩展一些方法或行为的时候,代码会变得错综复杂,极其不优雅,这也就是装饰器被提出原创 2021-01-19 17:16:49 · 2760 阅读 · 1 评论 -
一文带你了解TypeScript 声明合并和混入
全文概览:1. 声明合并的概念声明合并是指 TypeScript 编译器会将名字相同的多个声明合并为一个声明,合并后的声明同时拥有多个声明的特性。 在 JavaScrip 中,使用var关键字定义变量时,定义相同名字的变量,后面的会覆盖前面的值。使用 let 定义变量和使用 const 定义常量时,不允许名字重复。在 TypeScript 中,接口、命名空间是可以多次声明的,最后 TypeScript 会将多个同名声明合并为一个:interface Info { name: string}原创 2021-01-13 17:50:13 · 1360 阅读 · 0 评论 -
一文带你了解TypeScript模块化
目录1. 模块(外部)(1)export(2)import(3)export default(4)export = 和 import = require()(5)相对和非相对模块导入2. 命名空间(内部)(1)定义和使用(2)拆分为多个文件(3)别名1. 模块(外部)TypeScript 在 1.5 版本之前,有内部模块和外部模块的概念,从 1.5 版本开始,内部模块改称作命名空间,外部模块改称为模块。TypeScript 中的模块系统是遵循 ES6 标准的,TypeScript 和 ES6 保持一原创 2021-01-06 17:35:43 · 1776 阅读 · 0 评论 -
一文带你了解TypeScript装饰器
目录1. 什么是装饰器?(1)装饰器的作用(2)装饰器的定义(3)装饰器的本质2. 装饰器工厂3. 装饰器组合4. 类装饰器5. 方法装饰器6. 访问器装饰器7. 属性装饰器8. 参数装饰器1. 什么是装饰器?(1)装饰器的作用装饰器(decorator)的主要作用是给一个已有的方法或类扩展一些新的行为,而不是去直接修改它本身。在 ES2015 进入 Class 之后,当我们需要在多个不同的类之间共享或者扩展一些方法或行为的时候,代码会变得错综复杂,极其不优雅,这也就是装饰器被提出的一个很重要的原创 2021-01-03 20:42:13 · 1100 阅读 · 0 评论 -
一文带你了解TypeScript高级类型
目录本文概览:1. 交叉类型2. 联合类型3. 字面量类型(1)字符串字面量类型(2)数字字面量类型4. 索引类型(1)索引类型查询操作符(2)索引访问操作符5. 映射类型(1)由映射类型进行推断(2)增加或移除特定修饰符(3)keyof 和映射类型在 2.9版本的升级(4)元组和数组上的映射类型6. 条件类型(1)条件类型基础使用(2)分布式条件类型(3)条件类型的类型推断-infer(4)预定义条件类型(5)条件类型与映射类型7. 可辨识联合类型(1)利用 strictNullChecks(2) 使用原创 2020-12-30 10:42:55 · 604 阅读 · 0 评论 -
一文带你了解TypeScript类型兼容性
目录本文概览:1. 什么是类型兼容性?2. 函数类型兼容性(1)函数参数个数(2)函数参数类型(3)剩余参数和可选参数(4)函数参数双向协变(5)函数返回值类型(6)函数重载3. 枚举类型兼容性4. 类类型兼容性5. 泛型类型兼容性本文概览:1. 什么是类型兼容性?JavaScript是一门弱类型语言,它对类型是弱校验,正因为这个特点,多以才有了TypeScript这个强类型语言系统的出现,来弥补类型检查的短板。TypeScript在实现类型强校验的同时,还要满足JavaScript灵活的特点,所以原创 2020-12-29 23:41:51 · 620 阅读 · 0 评论 -
一文带你了解TypeScript类型断言与类型保护
目录本文概览:1. 类型断言2. 双重断言3. 类型保护(1)自定义类型保护(2)typeof 类型保护(3)instanceof 类型保护本文概览:1. 类型断言TypeScrip的类型系统很强大,但是有时它是不如我们更了解一个值的类型。这时,我们更希望TypeScript不要帮我们进行类型检查,而是让我们自己来判断,则就用到了类型断言。使用类型断言可以手动指定一个值的类型。类型断言像是一种类型转换,它把某个值强行指定为特定类型:const getLength = target => {原创 2020-12-10 22:22:37 · 875 阅读 · 0 评论 -
一文带你了解TypeScript中的类
目录本文概览:1. 类的基本使用2. 类的访问限定符(1)public(2)private(3) protected3. readonly 修饰符4. 类的属性(1)参数属性(2)静态属性(3)可选类属性5. 抽象类6. 存取器7. 实例类型8. 类的接口(1)类类型接口(2)接口继承类9. 在泛型中使用类类型本文概览:传统的面向对象语言都是基于类的,而JavaScript是基于原型的。在ES6中拥有了class关键字,但它的本质依旧是构造函数。 TypeScript中的类和ES6中的类还是有一定区原创 2020-12-09 23:29:02 · 417 阅读 · 0 评论 -
一文带你了解TypeScript泛型使用
目录本文概览:1. 泛型的基本使用2. 泛型变量3. 泛型函数4. 泛型类5. 泛型约束6. 泛型约束与索引类型7. 在多重类型中使用泛型约束8. 泛型与 new本文概览:1. 泛型的基本使用any类型表示一个值可以为任意类型的时候:const getArray = (value: any, times: number = 5): any[] => { return new Array(times).fill(value);};getArray([1], 2).forEach(it原创 2020-12-07 22:14:29 · 587 阅读 · 0 评论 -
一文带你了解TypeScript函数类型
目录本文概览:1. 函数类型(1)为函数定义类型(2)完整的函数类型(3)使用接口定义函数类型(4)使用类型别名2. 函数参数(1)可选参数(3)默认参数(3)剩余参数3. 函数重载本文概览:1. 函数类型(1)为函数定义类型我们可以给函数定义类型,这个定义包括对参数和返回值的类型定义:function add(arg1: number, arg2: number): number { return x + y;}const add = (arg1: number, arg2: num原创 2020-12-06 23:51:07 · 1045 阅读 · 0 评论 -
一文带你了解TypeScript接口使用
目录本文概览:1. 接口的基本用法2. 接口的可选属性3. 接口的多余属性检查(1) 使用类型断言(2) 添加索引签名(3) 利用类型兼容性4. 接口的只读属性5. 函数类型6. 索引类型7. 继承接口8. 混合类型接口本文概览:1. 接口的基本用法先看一下接口的定义:接口是一系列抽象方法的声明,是一些方法特征的集合,这些方法都应该是抽象的,需要由具体的类去实现,然后第三方就可以通过这组抽象方法调用,让具体的类执行具体的方法。TypeScript 的核心原则之一是对值所具有的结构进行类型检查原创 2020-12-06 16:27:38 · 605 阅读 · 0 评论 -
一文带你了解TypeScript数据类型
目录本文概览:1. TypeScript的数据类型概述(1)常见的9种数据类型(2)新增的6种数据类型2. 详解symbol类型(1)symbol 作为属性名(2)symbol 属性名遍历(3)symbol 静态方法(4)symbol 内置值(5)在TypeScript中使用symbol3. 详解枚举类型(1)数字枚举(2)反向映射(3)字符串枚举(4)异构枚举(5)枚举成员类型和联合枚举类型(6)运行时的枚举(7)常量枚举4. 类型断言本文概览:1. TypeScript的数据类型概述(1)常见的原创 2020-12-05 19:11:59 · 868 阅读 · 1 评论 -
TypeScript基础入门
本文概览:1. TypeScript的特点TypeScript是一种由微软开发的开源、跨平台的编程语言。它是JavaScript的超集,扩展了 JavaScript 的语法,最终会被编译为JavaScript代码。 虽然TypeScript是JavaScript的超集,但它始终紧跟ECMAScript标准,所以是支持ES6/7/8/9 等新语法标准的。并且,在语法层面上,对一些语法进行了扩展。注意:TypeScript实际上也是静态弱类型语言,它跟C语言是一样的,并不是所谓的强类型,因为要兼容Jav原创 2020-12-05 19:03:34 · 538 阅读 · 1 评论