TypeScript是什么？

TypeScript是JavaScript类型的超集，它可以编译成纯JavaScript；TypeScript不能直接在浏览器或者node环境下运行，必须通过编译器编译成普通的JavaScript代码之后，才可以去运行。

• 什么叫超集呢？ TypeScript除了包含了ES6,ES5这样的JavaScript基础特性之外，它还有自己的独特的特性。

• TypeScript是静态类型，而JavaScript是动态类型。

// demo.js
// 在js文件里，声明一个变量a,初始值是123数字类型，然后赋值一个字符串，是可以的。因为JavaScript是动态类型
let a = 123;  
a = '123';

// demo.ts
// 在Ts文件里，声明一个变量b,初始值是123数字类型，然后赋值一个字符串，是不可以的。因为TypeScript是静态类型
let b = 456;   // 相当于 let b:number = 456
b = '456' //会报错

TypeScript的优势是什么？

1. TS的静态类型，使得我们在编写代码的时候，就能够快速定位一些潜在的问题，给我们更好的错误提示。

   
   image.png

2. 写代码的时候，编辑器会给我们更好的语法提示

   
   image.png
3. 通过静态类型的定义，我们可以更好的阅读代码,代码的语义更清晰易懂。

// JavaScript代码中，必须要深入业务逻辑才能知道data里有什么属性。
function demo(data) {
    return Math.sqrt(data.x ** 2 + data.y ** 2);
}
demo();

// TS里，我们看第一行就知道了这个函数的参数data会用到x和y.
function tsDemo(data: {x:number, y:number}) {
    return Math.sqrt(data.x ** 2 + data.y ** 2);
}

tsDemo({x:122,y:23});