从 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 当作字符串类型处理。强类型定义语言是类型安全的语言。
弱类型定义语言:数据类型可以被忽略的语言。它与强类型定义语言相反, 一个变量可以赋不同数据类型的值。强类型定义语言在速度上可能略逊色于弱类型定义语言,但是强类型定义语言带来的严谨性能够有效的避免许多错误。另外,“这门语言是不是动态语言”与“这门语言是否类型安全”之间是完全没有联系的!
在进行重构时,类型回提高敏捷性。 编译器捕获错误比在运行时好
类型是可以拥有最佳文档的形式之一。 函数签名是定理,函数体是证明
一些关键点:
TypeScript 类型系统设计是可选的,JavaScript 即是 TypeScript;
TypeScript 不会阻止 JavaScript 的运行,即使存在类型错误也不例外,这可以让 JavaScript 逐步迁移到 TypeScript;
版权声明: 本文为 InfoQ 作者【空城机】的原创文章。
原文链接:【http://xie.infoq.cn/article/3f79fefb552e2a538f95ef0be】。文章转载请联系作者。
评论