TypeScript也可以看作是“更好的JavaScript”,TypeScript充分利用了JavaScript原有的对象模型并在此基础上做了扩充,添加了较为严格的类型检查机制,添加了模块支持和API导出的能力。比起JavaScript,TypeScript提供了更多在语言层面上的支持,使得程序员能够以更加标准化的语法来表达语义上的约束,从而降低了程序出错的机率;TypeScript也使得代码组织和复用变得更加有序,使得开发大型Web应用有了一套标准方法。
下面是完成同样功能的两段简单代码。
TypeScript Code:
class Greeter {
greeting: string;
constructor (message: string) {
this.greeting = message;
}
greet() {
return "Hello, " + this.greeting;
}
}
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
JavaScript Code:
var Greeter = (function () {
function Greeter(message) {
this.greeting = message;
}
Greeter.prototype.greet = function () {
return "Hello, " + this.greeting;
};
return Greeter;
})();
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
在JavaScript中没有类,只有对象,要实现所谓的“类式操作”(classical operations),如封装、多态等,要通过若干基础设施,如原型、构造函数等来完成。这些对于非常熟悉JavaScript的程序员来说,也许都是可以完成的任务,但对于新手来说就困难重重了。并且,即使是高手,一段时间不写相关的代码也很容易遗忘和出错。但TypeScript却提供了标准的机制,将普通程序员熟悉的、C++和C#中常用的类概念映射到JavaScript中去,这样就大大降低了在JavaScript进行类式操作的难度。
严格ES6(ECMAScript 2015)开始支持类了,但TypeScript现在就可以运行在任何浏览器上、Node.js环境中和任何支持ECMAScript 3(或更高版本)的JavaScript引擎中。所以说TypeScript是JavaScript的未来,是更好的JavaScript
为什么要学习 TypeScript ,实际上 JavaScript 已经够用了,而且像我没学过 TypeScript 也照样开发得很好,我们来看看它的优势:
- 更多的规则和类型限制,让代码预测性更高、可控性更高,易于维护和调试。
- 对模块、命名空间和面向对象的支持,更容易组织代码开发大型复杂程序。
- TypeScript 的编译步骤可以捕获运行之前的错误。
- Angular 2+ 和 Ionic 2+默认使用 TypeScript(虽然我不会,我也在用。)、
TypeScript 是微软开发和控制的开源项目,我在应用 Anguar 2 + Ionic 2 + 框架开发系统时使用的就是 TypeScript,但我一直把 TypeScript 当作 JavaScript 来用的,甚至是照猫画虎,所以我想正儿八经的学习下 TypeScript,弄明白我糊里糊涂使用的东西,这篇 Chat分享算是我的一个学习笔记,如果你想和我一样,想知道以下内容,请来我的 Chat:
为什么要学习 TypeScript
TypeScript 的类型有什么不同和用处
使用 Webpack 搭建学习环境
深入了解 TypeScript 中的类型
如果你想了解以上类容,欢迎加入TypeScript 快速入门 的Chat
相关推荐
通过以上分析,我们可以看到《Tackling TypeScript》这本书涵盖了从理论到实践的各个方面,不仅解释了为什么应该使用TypeScript,还详细介绍了如何使用它来编写高质量的代码。无论是初学者还是有经验的开发者,都能...
文档认为,未来可能会看到更多类似于 Rust 或者 Go 语言的特性被集成到 JavaScript 或 TypeScript 中,以及可能出现的全新的语言结构和编程范式。 此外,文档还提到了工具链的升级、框架和库的发展等对 JavaScript ...
在当今的数字娱乐领域,多人在线游戏已成为主流趋势之一。随着技术的发展,游戏开发者们越来越倾向于采用具备...随着TypeScript及其相关工具链的不断完善,我们可以预见它将在未来的游戏开发领域扮演更加重要的角色。
而TypeScript是JavaScript的一个超集,它在JavaScript的基础上增加了类型系统和对ES6+的特性支持,使得代码更加健壮、易于维护。项目中有3976个JavaScript文件和63个TypeScript文件,这表明项目在交互性和可维护性上...
在当今数字化时代,JavaScript和TypeScript已经成为前端开发的主流技术之一,尤其在构建交互式网页和应用程序方面发挥着关键作用。本项目基于这两种编程语言,专注于实现一个名为“Creator”的口红机,其设计理念、...
TypeScript作为一种在JavaScript基础上进行扩展的编程语言,它添加了类型系统和对ES6及未来的JavaScript语法的静态检查功能。这使得TypeScript能够在保持JavaScript灵活性的同时,提供更加严格的数据类型检查,减少...
在本资源包中,我们将会看到一系列配置文件,这些文件对于开发一个使用Vue 3.4框架、TypeScript语言和Vite 5构建工具的现代化Web应用至关重要。 首先,commitlint是一个用于检验提交信息是否符合预设规则的工具,它...
TypeScript则是JavaScript的一个超集,它在JavaScript的基础上添加了类型系统和对ES6+的支持,使得大型项目开发变得更加容易管理和维护。 西科大卓计学院选择Python和TypeScript作为教学工具,一方面能够让学员掌握...
TypeScript是一种由微软开发的开源编程语言,它是JavaScript的一个超集,添加了可选的静态类型和基于类的面向对象编程。由于其类型系统的存在,TypeScript能够在编译阶段提供更严格的错误检查,并使得代码在大型项目...
在这个项目“calculoNpsEmpresarial”中,我们看到一个NPS计算应用程序,它巧妙地结合了HandleBars模板引擎和TypeScript的优势,为开发人员提供了一个高效且可扩展的解决方案。这个项目是在Rocketseat的NLW4(Next ...
除了PHP和JavaScript之外,系统中还使用了HTML和CSS来构建网页的结构和样式,TypeScript则为JavaScript提供了严格的类型定义,这有助于提升代码的可维护性和可读性。PNG图片文件提供了丰富的视觉元素,让系统的用户...
TypeScript是JavaScript的一个超集,它添加了类型系统和对ES6及未来的JavaScript版本的编译支持。相较于JavaScript,TypeScript能提供更好的开发体验,尤其是对于大型项目而言,其编译时类型检查有助于在编译阶段就...
这不仅可以帮助你理解游戏背后的逻辑,还能让你看到如何用JavaScript(或TypeScript)编写可复用、可维护的代码。 总的来说,`games.javascript.philos.io`是一个优秀的学习工具,它以游戏化的方式让JavaScript学习...
- tsconfig.json:为TypeScript编译器提供配置选项,是使用TypeScript进行开发时的重要配置文件。 - LICENSE、README.zh.md、FEATURE.md、CHANGELOG.md、BUGFIX.md:这些文件分别提供了项目授权信息、中文版的项目...
在项目"noteasy-refactoring-main"中,我们可以看到整个重构的过程,包括如何逐步将原始的JavaScript代码转换为TypeScript,如何将React组件进行拆分和优化,以及如何引入Redux来改善状态管理。通过阅读和学习这个...
Cocos Creator作为一个游戏开发框架,TypeScript作为JavaScript的超集,Go语言的高效性能,WebSocket的实时通信能力以及MongoDB的NoSQL数据库优势,这些都是现代软件开发中非常热门的技术。掌握这些技术,对于一名...
该工具的源码包含了250个文件,其中不仅包括多种编程语言编写的源文件,如TypeScript和JavaScript,还包括了各种配置文件,比如JSON配置和Markdown文档。这些文件共同构成了一个完整的开发环境,支持从代码编写到...
TypeScript作为JavaScript的超集,增加了静态类型检测,使得大型项目的开发更加健壮和高效;而JavaScript作为前端的核心技术,能够实现动态交互效果,是构建用户友好界面不可或缺的部分。 项目文件的详细列表揭示了...