写点什么

从 0 开始的 TypeScriptの一:启航

用户头像
空城机
关注
发布于: 3 小时前
从0开始的TypeScriptの一:启航

总所周知,每个新的系列文章第一篇都是比较简单的介绍,本次 TypeScript 也不例外,第一篇先水一下了


TypeScript

在现在学习 typescript 的过程中,下面这些网站链接帮助还是挺大的,特别是书栈里面的《深入理解 TypeScript》,书栈真的可以对白嫖党安利一下


TypeScript 学习参考链接:


TypeScript 介绍

TypeScript 是 JavaScript 的超集,具有静态类型特性, 也被称为JavaScript that scales(可扩展的 JavaScript)

TypeScript 使用原因

JavaScript 不适用于大型应用开发,JavaScript 是一种没有类型系统的动态语言,变量可以是任何类型


类型系统能够提高代码质量和可读性,使代码库更易于维护或重构。 最重要的是可以在编译时捕获错误,而不是在运行时捕获。


TypeScript能在编译时检查不同部分代码的正确性。 在编译时检查出错误,便于开发者发现错误的位置和具体问题,如果运行时才检查出错误,则需要跟踪复杂的堆栈,来进行调试。

TypeScript 优缺点

优点:


  • 在开发周期中能够更早捕获潜在的错误

  • 管理大型代码库

  • 更易于重构

  • 更易于团队合作: 代码的耦合性越强,不同开发人员访问代码库时越不容易造成无意破坏

  • 文档特性: 类型本身是一种文档信息,方便以后开发者本人查询

  • TypeScript 拥抱了 ES6 规范,也支持部分 ESNext 草案的规范


缺点:


  • 需要额外的学习: 短期放缓进度与长期提高效率之间权衡

  • 类型错误可能多种多样

  • 配置极大地影响运行

  • 可能和一些库结合的不是很完美

TypeScript 安装

TypeScript 的安装非常方便,可以使用 npm 进行下载 (ps:一般而言都是全局安装的)


npm:


npm install -g typescript


cnpm:


cnpm install -g typescript


yarn:


yarn global add typescript


查看是否安装完成,在终端中输入命令查看版本号: tsc -v



TypeScript 文件的后缀是 .ts, 在 cmd 中运行命令是:tsc 文件名.ts


此命令并不会直接运行起 ts 文件,而是会在当前文件夹下生成一个同样文件名的 js 文件。


TypeScript 类型系统

TypeScript 有两个主要目标:


  • 为 JavaScript 提供可选的类型系统

  • 提供从未来 JavaScript 版本到当前 JavaScript 引擎的功能


类型已被证明能够提高代码质量和可理解性。(大型团队如谷歌、微软、Facebook 不断得出这个结论)


在 C 语言、Java 语言等强类型语言当中,对于数值字符串等变量的定义都是严格的,使用 int,string 定义。 但是在 JavaScript 中,使用 var、let 等进行定义。


强类型定义语言:强制数据类型定义的语言。也就是说,一旦一个变量被指定了某个数据类型,如果不经过强制转换,那么它就永远是这个数据类型了。举个例子:如果你定义了一个整型变量 a,那么程序根本不可能将 a 当作字符串类型处理。强类型定义语言是类型安全的语言。


弱类型定义语言:数据类型可以被忽略的语言。它与强类型定义语言相反, 一个变量可以赋不同数据类型的值。强类型定义语言在速度上可能略逊色于弱类型定义语言,但是强类型定义语言带来的严谨性能够有效的避免许多错误。另外,“这门语言是不是动态语言”与“这门语言是否类型安全”之间是完全没有联系的!


  1. 在进行重构时,类型回提高敏捷性。 编译器捕获错误比在运行时好

  2. 类型是可以拥有最佳文档的形式之一。 函数签名是定理,函数体是证明


一些关键点:


  • TypeScript 类型系统设计是可选的,JavaScript 即是 TypeScript;

  • TypeScript 不会阻止 JavaScript 的运行,即使存在类型错误也不例外,这可以让 JavaScript 逐步迁移到 TypeScript;

发布于: 3 小时前阅读数: 6
用户头像

空城机

关注

曾经沧海难为水,只是当时已惘然 2021.03.22 加入

业余作者,在线水文 主要干前端的活,业余会学学python 欢迎各位关注,互相学习,互相进步

评论

发布
暂无评论
从0开始的TypeScriptの一:启航