typescript和javascript有什么区别-木庄网络博客

本文摘自PHP中文网，作者V，侵删。

首先来看一下二者的定义：

什么是javascript？

JavaScript 是一种轻量级的解释性脚本语言，无需编译，可嵌入到 HTML 页面中，在浏览器端执行，能够实现浏览器端丰富的交互功能，为用户带来流畅多样的用户体验。

什么是typescript？

TypeScript代码保存在ts文件中，ts文件经过编译之后会生成一个js文件，任何有效的JavaScript代码都可以直接作为TypeScript代码编译，只不过编译过后的代码与原JavaScript代码相同，TypeScript代码编译后则会转换为对应的JavaScript代码。

然后来看一下二者的内容对比：

1、TypeScript 引入了 JavaScript 中没有的“类”概念；

虽然ES6已经支持类，但是TypeScript与ES6的类还是不完全一样的，ts代码可以通过类型注解声明变量的类型。

2、TypeScript 中的数据要求带有明确的类型，JavaScript不要求；

3、TypeScript 通过类型注解提供编译时的静态类型检查

1 2	`let str: string;//ts代码` `let str;//编译生成的js代码`

通过对比可以清晰的看到，在ts代码中可以在声明变量的时候加上": 类型"来描述变量的类型，即类型注解。

4、TypeScript 从核心语言方面和类概念的模塑方面对 JavaScript 对象模型进行扩展；

5、JavaScript 代码可以在无需任何修改的情况下与 TypeScript 一同工作，同时可以使用编译器将 TypeScript 代码转换为 JavaScript；

6、TypeScript 为函数提供了缺省参数值；

在TypeScript的函数中我们可以给每个参数提供类型注解，还能为函数提供返回类型注解（在参数列表后的":类型"），同时TypeScript可以在参数名右边加上一个【？】表示可选参数；

7、TypeScript 中引入了模块的概念，可以把声明、数据、函数和类封装在模块中。

推荐教程：js入门教程

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者