TypeScript知识总结
文章平均质量分 89
由浅到深,剖析重点知识,化繁为简,玩转语言精髓
阿宇的编程之旅
本人擅长Ai、Fw、Fl、Br、Ae、Pr、Id、Ps等软件的安装与卸载,精通CSS、JavaScript、PHP、ASP、C、C++、C#、Java、Ruby、Perl、Lisp、python、Objective-C、ActionScript、Pascal、spss、sas等单词的拼写,熟悉Windows、Linux、Mac、Android、IOS、WP等系统的开关机
展开
-
TypeScript(十六)配置相关(tsconfig配置)
上篇文章,我们对TS配置中的命令行配置做了介绍,本文将对tsconfig.json配置做个解析tsconfig.json是TypeScript中用于配置编译器选项的配置文件。该文件通常位于TypeScript项目的根目录下,并告诉TypeScript编译器如何处理项目中的TypeScript文件。下面我将分享一些常用的配置,以及截止v5.3.3版本官方提供的配置参考常用配置全部配置原创 2024-05-08 16:06:28 · 1333 阅读 · 1 评论 -
TypeScript(一)TS介绍,环境安装与运行
TypeScript是JavaScript的超集,扩展了JavaScript的语法,因此现有的JavaScript代码可与TypeScript一起工作无需任何修改,TypeScript通过类型注解提供编译时的静态类型检查。其源于JavaScript(JS的拓展),终于JavaScript(编译成JS)TypeScript 起源于使用JavaScript开发的大型项目 。由于JavaScript语言本身的局限性,难以胜任和维护大型项目开发。因此微软开发了TypeScript ,使得其能够胜任开发大型项目。原创 2021-02-25 15:33:51 · 3293 阅读 · 30 评论 -
TypeScript(二)基本类型和特殊类型
距离上篇博客已有两年了,对TS也有了一定的认识,于是计划继续更新系列文章基本数据类型在TS中,基本数据类型有:Boolan(布尔),Number(数字),String(字符串),Null(空值),Undefined(未定义),Symbol(标识符,ES6新增),Bigint(任意位整数,精度在53位以内,ES10新增)。除了上面的基本类型外,还有Void(缺少值)通常表示函数无返回值,any(任意值)这些特殊类型变量定义在JavaScript中,我们通常使用var定义变量,在es6中新增原创 2023-02-17 14:42:56 · 990 阅读 · 0 评论 -
TypeScript(三)对象类型
在TS中除了之前的基本类型外,还包含Array(数组),Object(对象),Function(函数)等等继承于对象的其他对象,以及Tuple(元组),Enum(枚举)等高级类型,以及泛型,never,unknown类型。这些类型是TS强类型检查的基础Array(数组)Object(对象)Function(函数)Tuple(元组)Enum(枚举)泛型neverunknownTypeScript 入门教程TypeScript: Documentation - 基础原创 2023-03-05 14:44:35 · 4823 阅读 · 3 评论 -
TypeScript(四)接口
在介绍TS对象类型中,为了让数组每一项更具体,我们使用 string [ ] 表示字符串类型的数组,为了知道函数的参数与返回值,使用 let fn: (a: number, b: number) => number 来表示一个函数类型,那么作为复杂类型,仅仅使用Object表示一个普通对象类型是远远不能满足类型检查以及代码可读性的,有没有一种类型可以用来描述对象的结构呢?原创 2023-03-09 16:58:06 · 1602 阅读 · 6 评论 -
TypeScript(五)类型别名及类型符号
在编写JS代码时,我们通常使用const、var、let来定义一个变量,进行变量的运算或者逻辑编写等。在TS中也有一种类似变量的写法那就是类型别名,与运算逻辑相对应的便是类型符号在前面的文章中,我们介绍了TypeScript中常用的类型,然而在实际项目开发中,不可避免的会遇到各种复杂类型,有些可以使用接口或对象类型来描述,但是有些数据类型更灵活、复杂,那么此时,类型别名是一种非常有用的工具,它可以帮助我们简化代码,提高代码的可读性和可维护性;基本语法应用场景如果说类型别名是一个人,那么类型符号就是它的灵魂。原创 2023-03-13 10:26:28 · 2648 阅读 · 5 评论 -
TypeScript(六)函数
在前面的文章中,我使用对象类型以及接口分别定义了函数类型,浅谈了函数的定义及基本使用。本文将分享函数的进阶用法原创 2023-03-18 16:11:28 · 1231 阅读 · 0 评论 -
TypeScript(七)类
在早期的JavaScript中,我们使用函数来模拟类,使用原型链实现继承行为。在ES6以后JS也引入类的概念,虽然其本质还是使用原型继承和构造函数的语法糖实现的,但是类的写法依旧使得开发人员得心应手;相比JS的类,TS的类可以说是有过之无不及。在TypeScript中,类可以包含属性和方法,支持继承和接口实现,也可以使用修饰符来控制访问权限。类的定义使用class关键字,并可以在其中声明构造函数、属性、方法等。原创 2023-03-21 22:55:52 · 2020 阅读 · 2 评论 -
TypeScript(八)装饰器
在TS中,装饰器是一种特殊类型的声明。可以附加到类、方法、属性或参数上用于修改类的行为或属性。在面向对象编程中,有时需要对类的行为和功能做出修改,直接修改类的内部可能会使成本升高,或出现其他问题;此时可以使用装饰器来修改类,在保证类内部结构与功能不变的前提下对数据或行为进行迭代TS中装饰器可以分为类装饰器、方法装饰器、属性装饰器和参数装饰器。原创 2023-03-27 16:25:30 · 1958 阅读 · 8 评论 -
TypeScript(九)泛型基础
代码复用是开发人员老生常谈的问题了,我们通过定义变量,使用函数或类减少代码重复编写。在TS中我们可以把编写一个类型看成是新建一个函数,参数便是今天的主角:泛型;通过传入不同的参数(类型)控制类型的走向,达到类型复用的目的原创 2023-03-30 19:33:33 · 660 阅读 · 2 评论 -
TypeScript(十)泛型进阶
前言上篇文章我们领略了泛型的灵活及强大;了解了泛型的基本使用以及常见用法。本文将针对泛型的其他用法做一些进阶拓展,其中有许多知识点可以防在前面的文章介绍,但是与泛型放在一起可能更好理解,那么话不多说,直接开始原创 2023-04-03 13:18:02 · 1030 阅读 · 9 评论 -
TypeScript(十一)泛型工具类型
前面的文章我们对泛型的用法有了大概的认识,也通过泛型实现了一些常用的类型,那么这篇文章将深入了解一下泛型的工具类型的使用及实现,那么话不多说,我们直接开始。原创 2023-04-09 19:39:11 · 1248 阅读 · 8 评论 -
TypeScript(十二)模块
将体量大的程序拆分成多个小的,功能独立的模块是开发中不可或缺的一环,开发复杂程序的核心之一就是让其变得不复杂。模块化开发可以提高代码的可维护性、可重用性、可扩展性和可测试性,从而提高了开发效率和代码质量,TypeScript沿用了JS的模块概念,在之前文章中我介绍过Node环境下的两种类型兼容,顺带提了一下目前常用的模块导入导出方式:Commonjs和ES Module,这两种方式在TS中被称为是外部模块,除此之外TS还包含了内部模块和全局模块,本文将一一介绍参考文章命名空间和模块 - TypeScript原创 2023-04-18 16:54:42 · 10368 阅读 · 6 评论 -
TypeScript(十三)声明合并
相信读过上篇文章TS模块后,大家对TS的模块机制有了一定的了解,那么本篇文章将给大家介绍重名模块或者类型的声明合并以及使用方式我们第一次接触到类似的概念是来源于函数这篇文章,其中函数的重载就是声明合并TS中的声明合并包含接口,类型别名,函数重载,命名空间,枚举,命名空间和类,类的合并。接下来我会深入介绍这几种合并方式原创 2023-05-01 08:11:24 · 2663 阅读 · 4 评论 -
TypeScript(十四)变体(协变与逆变)
第一次接触到变体这个概念是在深入理解TypeScript中,类型之间的转换称为变体或者变型,在TS中,类型之间能否互相赋值,会不会报错,安不安全这些都与变体有关。本文将带大家了解ts中的变体在Java中,每一个类都是一个个体,比如,我们定义了一个Dog和Cat两个类,这二者的结构相同。在Java中,每一个类都是一个个体,比如,我们定义了一个Dog和Cat两个类,这二者的结构相同。原创 2023-05-15 18:08:38 · 863 阅读 · 4 评论 -
TypeScript(十五)配置相关(命令行配置)
由于typescript配置涉及面相对复杂,所以放在较后的文章中,并不是它不重要,实际上配置项才是最重要的知识点,因为在开发中会遇到与逻辑无关的配置问题,如果熟悉配置或许用不了多久就可以解决。原创 2024-04-15 09:05:59 · 1182 阅读 · 0 评论