一、什么是TypeScript
编程语言包括动态类型语言和静态类型语言。动态类型语言是指在程序运行阶段才检查变量数据类型的语言，在定义变量时不需要指定变量的数据类型，通常在编译时不容易发现错误，因此前端开发工具发明了一些检查插件，比如eslint等，用于在编译时根据一定的规则检查数据类型，避免一些错误；反之静态类型语言是在编译阶段就确定变量数据类型的语言，在编译时编译器就会检查错误，比如Java、C#等。
TypeScript可理解成Type+javaScript，理解为可扩展的JavaScript（参考Javascript基础），既保留了JavaScript动态类型的特点，也集成了静态类型的特点。TypeScript可以使用JavaScript中的所有代码和编码概念，TypeScript与JavaScript相比，进步的地方包括：加入注释，让编译器理解所支持的对象和函数，编译器会移除注释，不会增加开销；增加一个完整的类结构，使之成为一个全新的面向对象语言，适用于大型的开发项目。
二、JavaScript 和 TypeScript 的主要差异
1、TypeScript 可以使用 JavaScript 中的所有代码和编码概念，TypeScript 是为了使 JavaScript 的开发变得更加容易而创建的。
2、TypeScript 从核心语言方面和类概念的模塑方面对 JavaScript 对象模型进行扩展。
3、JavaScript 代码可以在无需任何修改的情况下与 TypeScript 一同工作，同时可以使用编译器将 TypeScript 代码转换为 JavaScript。
4、TypeScript 通过类型注解提供编译时的静态类型检查。
5、TypeScript 中的数据要求带有明确的类型，JavaScript不要求。
6、TypeScript 为函数提供了缺省参数值。
7、TypeScript 引入了 JavaScript 中没有的”类”概念。
8、TypeScript 中引入了模块的概念，可以把声明、数据、函数和类封装在模块中。
三、安装和使用TypeScript
首先需要安装nodejs环境，然后执行” npm install -g typescript “就可以全局安装Typescript，编写完成.ts文件后，可以通过编译命令” tsc .ts “将TypeScript编写的ts代码转换为*.js代码。目前最流行的IED工具是vsCode，它对typeScript具有很好的支持。本章节只介绍基本用法，不对具体概念做深入探究。
四、变量定义
五、函数定义
六、类的定义
七、类和接口的配合
八、枚举类
九、泛型
十、类型别名+字面量+交叉类型
十一、内置数据类型
十二、声明文件
在编写项目的时候，我们通常需要使用一些第三方的库文件，这些库文件不是通过typeScript写的，如果直接在ts文件中引用和使用它的类型会报无法识别的编译错误。这时我们可以使用关键字 declare 来为这些类型做声明，手动创建声明的语法如下：
declare var声明全局变量declare function声明全局方法declare class声明全局类declare enum声明全局枚举类型declare namespace声明（含有子属性的）全局对象interface和type声明全局类型export导出变量export namespace导出（含有子属性的）对象export defaultES6 默认导出export =commonjs 导出模块export as namespaceUMD 库声明全局变量declare global扩展全局变量declare module扩展模块/// <reference></reference>三斜线指令
假如我们想使用第三方库 jQuery，一种常见的方式是在 html 中通过 <script></code> 标签引入 jQuery，然后就可以使用全局变量 <code>$</code> 或 <code>jQuery</code> 了。但是在 ts 中，编译器并不知道 <code>$</code> 或 <code>jQuery</code> 是什么，我们需要使用 <code>declare var</code> 来定义它的类型。</p><p>通常我们会把以上声明语句放到一个单独的文件（比如<code>jQuery.d.ts</code>）中，可以在项目全局使用，这个d.ts类型的文件就是声明文件。</p><p>通常我们使用的第三方库，它的官方或者社区都已经为我们编写好了声明文件(如果没有则需要手动编写)，不需要我们亲自编写，比如在vue项目中使用 install 安装库时，会在node_modules对应的文件夹下找到它的声明文件。</p></script>
Original: https://www.cnblogs.com/zqhIndex/p/16468319.html
Author: 我若安好，便是晴天
Title: TypeScript语言基础
原创文章受到原创版权保护。转载请注明出处：https://www.johngo689.com/612381/
转载文章受原作者版权保护。转载请注明原作者出处！