奉劝学弟学妹，学完JavaScript就该学TypeScript了,让我们一起了解TypeScript和如何去搭建运行环境吧

程序更容易理解——如变量的类型只有在程序运行时才确定，如函数的参数、返回值等
更少的错误，可以杜绝一些常见错误
非常好的包容性。TS 是JS超级，完全兼容 javascript
但增加了一定的学习成本

官网

中文网

在这里插入图片描述

超集：意思就是JavaScript的所有语法都支持

Type：TypeScript 强调其优点【类型】

在JavaScript中我们定义变量类型后，下面可以更换类型

但是在TypeScript中不可以

在这里插入图片描述

TypeScript中

在这里插入图片描述

TypeScript中编写的代码不能直接在页面中运行，需要编写为JavaScript代码才可以在页面中运行

下面JavaScript我就写js TypeScript我就写ts了

在js中我们我们在做的时候不管如何去传值都不会有报错

ts中我们可以直接在函数接收的时候告诉他我们需要什么类型的值，必须包含哪几个属性给我传递过来，如果传值类型不对，就会给我们提示，如果我们定义了传值包含属性，不传值直接调用也会报错哦

在这里插入图片描述

ts在我们编写时会给我们做出对应得提示哦（代码语义通俗易懂）

在这里插入图片描述

而js就没有对应提示，需要我们自己去编写

在这里插入图片描述

ts中我们可以使用type xx={xx:xx}来做定义

在这里插入图片描述

也可以使用 interface xx {xx:xx}去定义

在这里插入图片描述

如果我们属性写错或者不存在会有对应提示

在这里插入图片描述

js则没有

在这里插入图片描述

ts与js的区别

TypeScriptJavaScriptJavaScript 的超集用于解决大型项目的代码复杂性一种脚本语言，用于创建动态网页可以在编译期间发现并纠正错误作为一种解释型语言，只能在运行时发现错误强类型，支持静态和动态类型弱类型，没有静态类型选项最终被编译成 JavaScript 代码，使浏览器可以理解可以直接在浏览器中使用支持模块、泛型和接口不支持模块，泛型或接口社区的支持仍在增长，而且还不是很大大量的社区支持以及大量文档和解决问题的支持