TypeScript自学笔记--开篇

“只是个人笔记自己记了自己看”

一：什么是TypeScript

        网站地址：文档简介 · TypeScript中文网 · TypeScript——JavaScript的超集

        TypeScript是JavaScript的超集，即JavaScript有的TypeScript也有。

        TypeScript在JavaScript的基础上为Js加了类型支持。

//JavaScript代码
let age = 18 ;

//TypeScript代码
let age2: number = 20

上述代码的区别 就在于第二个age后加了:number这个明确的数据类型

二：为什么要使用TypeScript

        JavaScript代码存在‘先天的问题’，在使用时js绝大部分的错误都是类型错误（Uncaught TypeError）。

        使用TypeScript可以在代码执行前就可以发现错误，而js则是要等到代码真正去执行时才能发现错误。并且配合开发工具（如VSCode），TypeScript可以提前到编写代码的时候发现存在的错误。

三：安装TypeScript

        使用npm安装

        安装命令：

npm install -g typescript

        typescript包是用来编译TS代码的，提供了tsc命令 实现TS到JS的转化 。  

        验证是否安装成功：查看typescript版本

tsc -v

四：如何使用

        在VSCode创建hello.ts文件

        

        将ts文件转化为js文件        

tsc hello.ts

        运行成功 会生成一个.js文件

        

        因为 node.js/浏览器只认识js代码，不认识ts代码，所以需要将ts代码转换为js代码运行。

        执行js代码：node +需要执行的文件

node hello.js

        在控制台将打印出结果

        

        但是当你在修改ts中的代码时之前生成的js文件是不会跟着修改的，每次修改都重新转化一遍过于麻烦，所以需要简化运行步骤。

        简化方法：使用ts-node包

        安装命令：

npm i -g ts-node

        运行命令：ts-node +需要执行为ts文件

ts-node hello.ts