上一章TypeScript教程请查看:TypeScript入门介绍和版本
这一章我们开始了解一下TypeScript的主要特征,以及TypeScript和JavaScript的区别。
TypeScript的特征

文章图片
面向对象语言:TypeScript提供了面向对象编程语言的完整特性,比如类、接口、继承、模块等。在TypeScript中,我们可以为客户端和服务器端开发编写代码。
TypeScript支持JavaScript库:TypeScript支持每个JavaScript元素。它允许开发人员在TypeScript中使用现有的JavaScript代码。在这里,我们可以轻松地使用所有的JavaScript框架、工具和其他库。
JavaScript是TypeScript:这意味着用JavaScript编写的带有有效.js扩展名的代码可以通过将扩展名从.js改为.ts转换成TypeScript,并与其他TypeScript文件一起编译。
TypeScript是可移植的:TypeScript是可移植的,因为它可以在任何浏览器、设备或操作系统上执行。它可以在JavaScript运行的任何环境中运行。它并不特定于任何用于执行的虚拟机。
DOM操作:TypeScript可用于操作DOM,添加或删除类似于JavaScript的元素。
TypeScript只是一个JS:TypeScript代码不会在任何浏览器上直接执行。用TypeScript编写的程序总是以JavaScript开始,以JavaScript结束。因此,我们只需要知道如何在TypeScript中使用JavaScript。用TypeScript编写的代码被编译并转换成JavaScript执行。这个过程被称为反式堆积。在JavaScript代码的帮助下,浏览器可以读取TypeScript代码并显示输出。
TypeScript相对于JavaScript的优势
- TypeScript总是在编译时强调错误,而JavaScript在运行时指出错误。
- TypeScript支持强类型或静态类型,但这不是在JavaScript中。
- TypeScript可以在任何浏览器或JavaScript引擎上运行。
- 强大的工具支持智能感知,它在添加代码时提供活动提示。
- 它通过定义模块来定义名称空间概念。
- TypeScript需要很长时间来编译代码。
- TypeScript不支持抽象类。
- 如果我们在浏览器中运行TypeScript应用程序,需要一个编译步骤将TypeScript转换成JavaScript。
JavaScript是HTML和Web中最流行的编程语言。JavaScript是一种轻量级、跨平台的基于对象的脚本语言。它用于创建客户端动态页面。JavaScript语言中的程序称为脚本。脚本是在HTML页面中编写的,并在页面加载时自动执行。它以纯文本的形式提供和执行,运行时不需要特殊的准备或编译。
JavaScript的历史
Netscape通信公司的程序员Brendan Eich开发了JavaScript。它于1995年9月推出,最初被称为摩卡。然而,在成为最受欢迎的脚本工具后,它被重新命名为JavaScript,以反映Netscape在其浏览器中对Java的支持。1996年11月,Netscape向欧洲计算机制造商协会提交了JavaScript。当前的JavaScript版本是ECMAScript 2018,于2018年6月发布。/p>
TypeScriptTypeScript是一种开源的纯面向对象的编程语言。它是一个强类型的JavaScript超集,可以编译成纯JavaScript。TypeScript是由微软在Apache 2许可下开发和维护的。它不是直接在浏览器上运行的。它需要一个编译器来编译和生成JavaScript文件。TypeScript源文件在” .ts”扩展。我们可以使用任何有效的”.js“文件重命名为”.ts”文件。TypeScript是带有一些附加特性的ES6 JavaScript版本。
TypeScript的历史【TypeScript的特征以及和JavaScript的区别 – TypeScript开发教程】安德斯·海尔斯伯格开发了TypeScript,它于2012年10月1日首次向公众开放。经过微软两年的内部开发,新版TypeScript 0.9于2013年发布。TypeScript的当前版本是TypeScript 3.4.5,于2019年4月24日发布。
TypeScript相对于JavaScript的优势
- TypeScript总是在编译时强调错误,而JavaScript在运行时指出错误。
- TypeScript支持强类型或静态类型,但这不是在JavaScript中。
- TypeScript可以在任何浏览器或JavaScript引擎上运行。
- 强大的工具支持智能感知,在添加代码时提供活动提示。
- 它通过定义模块来定义名称空间概念。
- TypeScript需要很长时间来编译代码。
- TypeScript不支持抽象类。
- 如果我们在浏览器中运行TypeScript应用程序,需要一个编译步骤将TypeScript转换成JavaScript。
编号 | JavaScript | TypeScript |
1. | 它不支持强类型或静态类型。 | 它支持强类型或静态类型特性。 |
2. | 网景公司在1995年开发了它。 | 安德斯·海尔斯伯格(Anders Hejlsberg)在2012年开发了它。 |
3. | JavaScript源文件在” .js”扩展。 | TypeScript源文件在” .ts”扩展。 |
4. | 它直接在浏览器上运行。 | 它不是直接在浏览器上运行的。 |
5. | 它只是一种脚本语言。 | 它支持面向对象的编程概念,如类、接口、继承、泛型等。 |
6. | 它不支持可选参数。 | 它支持可选参数。 |
7. | 它是解释语言,这就是为什么它在运行时突出显示错误。 | 它编译代码并在开发期间突出显示错误。 |
8. | JavaScript不支持模块。 | TypeScript支持模块。 |
9. | 在这里,number和string是对象。 | 在这里,number和string是接口。 |
10. | JavaScript不支持泛型。 | 打印稿支持泛型。 |
11. | Example: < script> function addNumbers(a, b) { return a + b; } var sum = addNumbers(15, 25); document.write(‘ Sum of the numbers is: ‘ + sum); < /script> | Example: function addNumbers(a, b) { return a + b; } var sum = addNumbers(15, 25); console.log(‘ Sum of the numbers is: ‘ + sum); |
推荐阅读
- TypeScript组件解释 – TypeScript开发教程
- TypeScript入门介绍和版本 – TypeScript开发教程
- JS String字符串对象属性和方法 – JavaScript参考文档
- JS Number对象属性和方法 – JavaScript参考文档
- JS Math数学对象属性和方法 – JavaScript参考文档
- JS Date日期对象属性和方法 – JavaScript参考文档
- 数据结构(如何实现链表插入节点(详细实现代码))
- FCFS和SCAN磁盘调度算法之间有什么区别()
- PHP如何使用copy()函数(示例)