【TypeScript入门(二) | 青训营笔记】

35 阅读3分钟

前言

这是我参与「第五届青训营 」笔记创作活动的第6天,在本次课堂上我们学习了TypeScript的发展与基本入门,做此笔记。

一、本堂课重点内容

  • TypeScript的发展与基本入门

  1. typescript的历史及定义解析
  2. typescript的优势解读
  3. typescript的练习工具

二、详细知识点介绍

  • TypeScript的发展与基本入门

typescript的历史及定义解析

TypeScript是[微软],通过在[JavaScript](的基础上添加静态类型定义构建而成。TypeScript通过TypeScript[编译器]或[Babel]转译为JavaScript代码,可运行在任何[浏览器],任何[操作系统]

TypeScript添加了很多尚未正式发布的[ECMAScript]新特性(如装饰器 [2]  )。2012年10月,微软发布了首个公开版本的TypeScript,2013年6月19日,在经历了一个预览版之后微软正式发布了正式版TypeScript。当前最新版本为TypeScript 4.9。 TypeScript 起源于使用JavaScript开发的大型项目 。由于JavaScript语言本身的局限性,难以胜任大型项目的开发和维护。因此微软开发了TypeScript ,使得其能够胜任大型项目的开发。

typescript的优势解读

1、TypeScript 增加了代码的可读性和可维护性

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

2、TypeScript 非常包容

  • Typescript是javascript的超集,.js文件可以直接重命名为.ts即可。
  • 即使不显示的定义类型,也能够自动做出类型推导。
  • 可以定义从简单到复杂的几乎一切类型。
  • 兼容[第三方库]即使第三方库不是用 TypeScript 写的,也可以编写单独的类型文件供 TypeScript 读取。

3、TypeScript 拥有活跃的社区

有活跃的社区,大多数的第三方库都可提供给 ts 的类

typescript的练习工具

TypeScript 编译器,名称叫 tsc, 是用可以被编译为可以被执行在任何 JavaScript 引擎中,在任何宿主 - 如浏览器 - 中的常规 JavaScript 的 TypeScript 写的。编译器包被绑定于一个可以执行编译器的脚本宿主。使用 [Node.js] 作为宿主的 Node.js 包同样可以获得。

也有用 JavaScript 写的客户端编译器的一个 alpha 版本,它在页面载入时,实时执行 JavaScript 代码。 

这种编译器的当前版本默认支持 ECMAScript 3。一个选项是允许以 ECMAScript 5 为目标以利用该版本独有的语言特性。类,尽管是 ECMAScript 6 标准的一部分,在这两个模式下都可用。

IDE 和编辑器支持

微软官方推荐的编辑器为:Visual Studio

三、课后个人总结

本课我们学习了 TypeScript 的发展与基本入门。

  1. TypeScript 的历史及定义解析:TypeScript 是由微软公司开发的开源语言,它是 JavaScript 的一个超集。TypeScript 添加了静态类型、模块化等特性,并可以编译为标准的 JavaScript 代码。
  2. TypeScript 的优势解读:TypeScript 的静态类型特性可以提高代码的可读性和可维护性,避免在运行时发生错误。此外,TypeScript 也支持模块化,可以更好的组织代码,提高代码的复用性。
  3. TypeScript 的练习工具:我们可以在 Visual Studio Code 中安装 TypeScript 插件,以方便进行 TypeScript 开发。我们也可以通过 online REPL 工具进行 TypeScript 的在线实践。

总的来说,学习 TypeScript 可以帮助我们提高代码的质量,并且可以方便我们的开发工作。希望今后我们可以更加积极地学习 TypeScript,提高自己的技能水平。