2020你应该知道的TypeScript学习路线【Typescript基础介绍】-轻识

公众号：前端微服务
GitHub：https://github.com/yongbolu
作者：子奕

一、概述

随着Vue3用TypeScript的重构与发布，作为JavaScript类型超集的TypeScript，以可以编译成JavaScript，可以在任何浏览器、任何计算机和任何操作系统上运行，并且开源，被再一次被推向了前端开发语言的巅峰，为了顺应时代的变化，争取成为与时俱进的开发者，小编今天从Typescript的概念、由来以及优缺点方面进行系统的讲解，希望为学习路上的大家提供一点点帮助，如果大家觉得有帮助，记得给小编点个赞，如果想获取更多干货请关注前端微服务公众号，不定期为大家带来干货。

二、TypeScript是什么？

说到TypeScript一定离不开熟悉的JavaScript，JavaScript本身就是一门优秀且强大的编程语言。既然JavaScript已经这么优秀，为什么还要使用TypeScript呢，这要从JavaScript的缺点入手，在早期由于JavaScript是弱类型语言，在开发过程中如果书写代码不严谨，就会出现各种各样的bug，导致代码质量下降，为了预防这种问题的出现,Facebook 出品的一个用于 JavaScript 代码的静态类型检查工具。用于找出JavaScript 代码中的类型错误。Flow 采用 OCaml 语言开发。正是由于这种问题的存在，在很长一段时间内JavaScript被贴上了无类型的标签，但由于近几年Node的出现，推动了前端工程化和自动化以及三大框架(Angular、React、Vue)的发展，把前端推向了一个更高的起点，Node.js之父瑞安达尔（Ryan Dahl）发布了新的开源项目 deno，而该项目最终是要提供一个安全的 TypeScript 运行环境。

三、为什么要学习TypeScript？

拥有强大的靠山，分别为微软与谷歌。TypeScript是由微软开发的，谷歌的Angular框架是用Typescript开发的。所以TypeScript很有可能是未来的前端脚本语言发展的主流方向。
三大主流框架中，Vue 3.0 源码全部用typescript重写。
TypeScript 是微软在2012年开发的一门免费开源的编程语言。它是 JavaScript 的一个超集（增强版）。它在JS原来的基础上增加了一套十分强大的类型系统，从而可以让小伙伴们在写代码的时候获得更加丰富的语法提示。在代码的编译阶段也可以通过类型系统的检查，从而有效避免一些线上错误。
TypeScript是一门比Java更Script的编程语言。也就是说TypeScript具有真正的面向对象编程思想，你可以采用它来完成更加大型复杂的应用。
TypeScript始于JavaScript终于JavaScript。也就是说TypeScript遵循JavaScript的语法和语义，任何Js都可以在Ts内运行，但TypeScript它不可以直接在浏览器中运行，必须要将其转换为JavaScript。

四、环境搭建

因为TypeScript在JavaScript的基础上增加了类型系统，所以TypeScript不能够直接在浏览器当中运行。我们需要使用编译器将TypeScript编译为JavaScript。因为TypeScript编译为JavaScript需要Node环境的支持，所以在编译前请保证你本地已经安装Node运行环境。

4.1 全局安装TypeScript

$ npm install typescript -g
# OR
$ yarn global add  typescript

查看TypeScript版本

$ tsc --version

4.2 编写TypeScript代码

所有TypeScript代码全部以.为后缀

创建index.ts文件

// index.ts
const name:string = "xunzhaotech.com";// string 为设置变量类型
console.log(name);

编译将index.ts文件

$ tsc index.ts

在文件夹内多出一个名字为index.js的文件
接下来按照js的方式运行

$ node index.js

五、推荐阅读

官网：https://www.typescriptlang.org
中文：http://www.tslang.cn
官方博客：https://blogs.msdn.microsoft.com/typescript

六、关注我们

点击下方关注我???