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
相关推荐
Leverage the features of TypeScript to boost your development skills and create captivating web applications
基于TypeScript和JavaScript的魔方比赛和社团报名微信小程序源码.zip基于TypeScript和JavaScript的魔方比赛和社团报名微信小程序源码.zip基于TypeScript和JavaScript的魔方比赛和社团报名微信小程序源码.zip基于...
使用typescript开发现代javascript程序2018年新版书籍
Introducing Regular Expressions JavaScript and TypeScript 英文epub 本资源转载自网络,如有侵权,请联系上传者或csdn删除 本资源转载自网络,如有侵权,请联系上传者或csdn删除
不依赖任何第三方框架,底层基于原生 Javascript,引入即用 能够在 Vue、JQuery或者其他现有项目中配合使用 丰富的组件和功能,满足大部分网站场景 细致、漂亮的 UI 事无巨细的文档 安装 使用 npm,你将需要...
TypeScript: JavaScript Development Guide by Nicholas Brown English | 7 Aug 2016 | ASIN: B01JZPDM1Y | 86 Pages | AZW3/MOBI/EPUB/PDF (conv) | 1.91 MB This book is an exploration of TypeScript, which is...
JavaScript,ES,TypeScript是什么关系? 你可能知道JS,可能你也知道ECMAScript也就是ES 但是你能分得清ES5,ES6,ES7,ES8吗? TypeScript又是什么?
基于typescript和JavaScript的react项目模板
TypeScript 入门教程。从 JavaScript 程序员的角度总结思考,循序渐进的理解 TypeScript。.zip,TypeScript 入门教程
Programming TypeScript: Making Your JavaScript Applications Scale (ePUB) (Publication Date: 2019-05-18)
TypeScript向量和矩阵数学库。_TypeScript_JavaScript_下.zip
AS3信号的TypeScript端口_TypeScript_JavaScript_下载.zip
javascript-typescript-langserver, 通过语言服务器协议的JavaScript和打字机代码智能 /app语言服务器 这是用于JavaScript和TypeScript的语言服务器,遵循语言服务器协议( LSP ) 。 它使用typescript的进行源代码...
Pro TypeScript Application-Scale JavaScript Development(2nd) 英文无水印原版pdf 第2版 pdf所有页面使用FoxitReader、PDF-XChangeViewer、SumatraPDF和Firefox测试都可以打开 本资源转载自网络,如有侵权,请...
Advanced TypeScript Programming Projects: Build 9 different apps with TypeScript 3 and JavaScript frameworks such as Angular, React, and Vue Gain in-depth knowledge of TypeScript and the latest ...
TypeScript Modern JavaScript Development 英文无水印pdf pdf所有页面使用FoxitReader和PDF-XChangeViewer测试都可以打开 本资源转载自网络,如有侵权,请联系上传者或csdn删除 本资源转载自网络,如有侵权,...
Pro TypeScript Application-Scale JavaScript Development(2nd) 英文epub 第2版 本资源转载自网络,如有侵权,请联系上传者或csdn删除 查看此书详细信息请在美国亚马逊官网搜索此书
历了一个预览版之后微软正式 发布了正式版 TypeScript 0.9,向未来的 TypeScript 1.0 版迈进了很大一步 TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集,而且本质上向 这个语言...
信号,在JavaScript中,快速_TypeScript_JavaScript_下载.zip
本项目是一个基于TypeScript和JavaScript开发的数据建模平台,包含468个文件,主要文件类型包括TypeScript组件、SVG图形、JavaScript脚本、图片、LESS样式表、JSON配置文件、环境文件、图片和Shell脚本。系统设计...