【JavaScript系列】之零：TypeScript牛刀小试

DATE: 2019-2-27

---

前言

   基于对JavaScript编程语言的好奇，在查看相关资料时，看到已经出现了一个更好的编程语言：TypeScript。下面简单介绍一下这个编程语言，作为JavaScript系列的开篇。

0、参考

浅谈TypeScript
官方网址：http://www.typescriptlang.org/
GITHUB：https://github.com/Microsoft/TypeScript

1、什么是TypeScript？

   TypeScript起源于开发应用程序规模的JavaScript应用程序的需求，是一种微软开发的自由和开源的编程语言，它是JavaScript的超集，扩展了JavaScript的语法。TypeScript可处理已有的JavaScript代码，并只对其中的TypeScript代码进行编译。TypeScript代码保存在ts文件中，ts文件经过编译之后会生成一个js文件，任何有效的JavaScript代码都可以直接作为TypeScript代码编译。因此现有的JavaScript代码可与TypeScript一起工作无需任何修改，TypeScript通过类型注解提供编译时的静态类型检查。

2、TypeScript安装

可以通过两种方式安装TypeScript:

• 通过Node.js包管理器（npm）
• 通过于Visual Studio 2012继承的MSI

通过npm安装的步骤：
一、安装npm

$curl http://npmjs.org/install.sh | sh
$ npm --version

二、安装TypeScript npm包

$npm install -g typescript

安装完成之后我们就可以使用TypeScript编译器，名称叫tsc，可将编译结果生成js文件。

三、编译TypeScript文件

tsc filename.ts

3、TypeScript优点

• 便于开发人员做注释；
• 能帮助开发人员检测出错误并修改。
• TypeScript工具使重构变得更加容易、快捷。
• TypeScript引入了JavaScript中没有的“类”的概念；
• TypeScript引入了模块的概念，可以把声明、数据、函数和类封装到模块中。
• 类型安全功能可以在编码期间检测错误，这为开发人员创建了一个更高效的编码和调试过程。

4、JavaScript应用

让我们来看看 JavaScript 如何帮助你构建可扩展的世界级产品。

1. 服务器端开发
   NodeJS 已经成为很多后端开发人员的福音。它为 JS 程序员提供了一个非常强大的基础，帮助他们用 JavaScript 构建桌面和服务器应用程序，并且无需用到浏览器。
2. 移动开发
   随着移动应用需求的快速增长，企业在将 Go-Mobile 作为增长战略方面存在着巨大的压力。为了满足这种不断增长的需求，很多跨平台框架正变得越来越流行，用以减少时间和成本。基于 JavaScript 的 AngularJs 和 React Native 正被用于构建出色的移动解决方案。
   事实上，React Native 在移动应用程序开发人员当中越来越受欢迎，他们都希望采用跨平台的移动开发方法，而不是去学习使用 Android 和 iOS 进行原生开发。
3. 非常快的 JavaScript 引擎
   浏览器巨头 Mozilla、谷歌和苹果一直在展开竞争，意欲构建出最快的浏览器 JavaScript 解释器，确保浏览器能够模拟类似于原生应用程序运行的环境。他们正在努力为网络应用程序提供原生移动应用程序的功能、速度和性能。

5、必学的 JavaScript 框架

有很多流行的 JavaScript 框架，它们在首次亮相时就因为各种原因令开发人员惊叹不已。原因之一是因为这些技术栈的广泛采用以及围绕 JS 构建的广大社区。让我们来看看这些流行的 JS 框架。

1. AngularJS
   这个由谷歌提供支持的 JS 框架是一个在开发者社区中非常受欢迎的框架。这个框架于 2010 年发布，采用了一种改良的 Web 开发方法，旨在使用最短的时间开发 Web 应用程序，可以帮助你开发出设计精美、稳定、安全和创新的移动和 Web 应用程序。
   它将 HTML 属性与 Angular 指令混合在一起，为 HTML 代码提供了全新的生命。此外，它易于理解且易于部署。
2. ReactJS
   Facebook 和 Instagaram 的应用程序使用了 React.js。它可以帮助你开发可扩展的应用程序，以满足当今编程世界里的各种动态需求。
   ReactJS 非常可靠且稳定，顺畅的前端开发和虚拟 DOM 实现是开发人员青睐它的主要原因。
3. Vue.js
   这个简单的框架应该是编程领域初学者应该考虑的选项之一。它的灵感来自 ReactJS、AngularJS 和 Knockout.js 等框架，旨在创建一个在各个方面都富有成效的生态系统。
4. Meteor.js
   Meteor.js 于 2012 年由 Meteor 开发团队发布，使用了 MIT 许可，是一个开源 JavaScript 框架，让前端开发变得更简单。
   它是一个完整的框架，非常稳定，并使用纯 JavaScript 来构建可扩展的端到端 Web 和移动应用程序。它涵盖了完整的开发栈，并提供了大量的资源、教程和软件包，可以彻底改变 Web 或移动应用程序的开发过程。
5. Backbone.js
   它由 Jeremy Ashkenas 在 2010 年发布，基于 MIT 许可。这个开源框架非常强大，提供了很多内置功能。它可以通过编写代码或使用第三方框架在其上构建功能完备的框架。像 Pinterest、Delicious、Disqus、沃尔玛和 Foursquare 这样的大巨头都使用了 Backbone。
6. Polymer.js
   谷歌于 2013 年发布了这个 JS 框架，旨在通过 Web 组件扩展 HTML 功能。它为开发人员在浏览器技术的基础上构建自定义 HTML 元素提供了强大的动力。

---

THE END!