TypeScript入门 | 青训营笔记

26 阅读2分钟
这是我参与「第五届青训营 」伴学笔记创作活动的第 4 天

一、重点内容

  1. TypeScript发展历史
  2. 为什么是TypeScript
  3. 工程应用

二、TypeScript入门

1.TypeScript发展历史

image.png

2.为什么是TypeScript

TypeScript是JavaScript的超集,主要提供可选的静态类型,类和接口。其中一个重要好处是使IDE能够在你键入代码时提供更丰富的环境来发现常见的错误。实际上一项研究表明,TypeScript可以检测到15%的JavaScript错误。 我们都知道JavaScript语言属于弱类型语言,它对于类型要求并不高,甚至可以通过赋值操作修改变量的类型。 TypeScript强制要求程序员去声明数据类型,你如果不按照它的规则去写,它就报错给你。在大型应用系统中这是好事,这样便于维护开发。 而且TypeScript有以下的优点: TypeScript增加了代码的可读性和可维护性

  • 类型系统实际上是最好的文档,大部分的函数看类型的定义就可以知道如何使用了
    
  • 可以在编译阶段就发现大部分错误,这总比在运行时候出错好
    
  • 增强了编译器和IDE的功能,包括代码补全、接口提示、跳转到定义、重构等
    

TypeScript非常包容

  • TypeScript是JavaScript的超级,.js文件可以直接重命名为.ts即可
    
  • 即使不显式的定义类型,也能够自动做出类型推论
    
  • 可以定义从简单到复杂的几乎一切类型
    
  • 兼容第三方,即使第三方库不是用TypeScript写的,也可以编写单独的类型文件供TypeScript读取
    
3.工程应用
node.js应用
浏览器web应用

以web为例: 这里采用webpack构建器构建为例。

image.png webpack loader将webpack不能识别的文件转换为webpack可以识别的文件,主要是将ts转换为js。 node.js采用TSC编译

image.png