TypeScript入门须知

什么是强类型语言、弱类型语、静态类型语言、动态类型语言

1. 强类型语言：不允许改变变量的数据类型，除非进行强制类型转换

2. 弱类型语言：变量可以被赋予不同的数据类型

3. 静态类型语言：在编译阶段确定所有的变量类型

• 对类型极度严格，
• 立即发现错误，
• 运行时性能好，
• 自文档化

4. 动态类型语言：在执行阶段确定所有的变量类型

• 对类型非常宽松，
• bug可能隐藏数月甚至数年，
• 运行时性能差，
• 可读性差

了解了以上基础知识，那么我们就来看看如何编写我们的TS程序。

1.初始化：

npm init -y

2.全局安装ts:

cnpm i typescript -g

3.创建可配置项：

tsc --init

4.新建src目录，在src目录下新建index.ts

//index.ts
let str:string='hello dj';
document.getElementsByClassName('app')[0].innerHTML=str;

5.编译成js文件（ tsc + 文件地址 ）

我们执行tsc ./src/index.ts ，可以看到上述的ts文件被转换成了

//index.js
var str = 'hello dj';
document.getElementsByClassName('app')[0].innerHTML = str;

到此我们已经可以将我们的ts转换成js了，还在等什么，开始拥抱ts吧。