首页  >  文章  >  web前端  >  javascript和typescript有哪些区别?

javascript和typescript有哪些区别?

不言
不言原创
2018-10-22 10:52:3817031浏览

javascript和typescript都是用于开发的脚本语言,那么javascript和typescript这两种脚本语言有哪些区别呢?接下来的这篇文章就来给大家介绍一下javascript和typescript的区别,有感兴趣的朋友可以看一下。

话不多说,我们直接来看正文~

javascript和typescript有哪些区别?

javascript和typescript的区别一:概念对比

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

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

javascript和typescript的区别二:内容对比

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

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

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

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

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

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

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

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

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

在TypeScript的函数中我们可以给每个参数提供类型注解,还能为函数提供返回类型注解(在参数列表后的":类型"),同时TypeScript可以在参数名右边加上一个?表示可选参数。

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

javascript和typescript的区别三:优点对比

javascript优点:

1、人气:JavaScript 的开发者社区仍然是巨大而活跃的,在社区中可以很方便地找到大量成熟的开发项目和可用资源。

2、学习曲线:由于 JavaScript 语言发展的较早,也较为成熟,所以仍有一大批开发人员坚持使用他们熟悉的脚本语言 JavaScript,而不是学习 TypeScript。

3、本地浏览器支持:TypeScript 代码需要被编译(输出 JavaScript 代码),这是 TypeScript 代码执行时的一个额外的步骤。

4、不需要注释:为了充分利用 TypeScript 特性,开发人员需要不断注释他们的代码,这可能会使项目效率降低。

5、灵活性:有些开发人员更喜欢 JavaScript 的灵活性。

typescript优点:

1、便于开发人员做注释。

2、能帮助开发人员检测出错误并修改。

3、TypeScript工具使重构更变的容易、快捷。

4、TypeScript 引入了 JavaScript 中没有的“类”概念。

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

6、类型安全功能能在编码期间检测错误,这为开发人员创建了一个更高效的编码和调试过程。

本篇文章到这里就全部结束了,更多精彩内容可以关注php中文网相关教程栏目!!!

以上是javascript和typescript有哪些区别?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn