从0开始的TypeScript（一）

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

TypeScript :cyclone:

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

TypeScript学习参考链接:speech_balloon:：

https://www.tslang.cn/index.html

https://chinese.freecodecamp.org/forum/t/topic/506

https://www.bookstack.cn/explore?cid=81&tab=popular

https://basarat.gitbook.io/typescript/getting-started/why-typescript

TypeScript 介绍 :loudspeaker:

TypeScript是JavaScript的超集，具有静态类型特性， 也被称为JavaScript that scales（可扩展的JavaScript）

TypeScript使用原因

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

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

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

:thumbsup: TypeScript优缺点 :thumbsdown:

优点：

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

管理大型代码库

更易于重构

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

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

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

缺点：

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

类型错误可能多种多样

配置极大地影响运行

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

TypeScript安装 :hammer:

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类型系统 :bar_chart:

TypeScript有两个主要目标：

为JavaScript提供可选的类型系统

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

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

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

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

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

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

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

一些关键点：

TypeScript类型系统设计是可选的，JavaScript即是TypeScript；

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

JavaScript TypeScript web前端

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。