TypeScript入门01 - TypeScript概述

1.概述

TypeScript 是由 C# 语言之父Anders Hejlsberg 主导开发的一门编程语言。

TypeScript 本质上是向 JavaScript 语言添加了可选的静态类型和基于类的面向对象编程，同时也支持诸如接口、命名空间、装饰器等特性，它相当于 JavaScript 的超集。

关于 ES5、ES6、TypeScript 的关系如下图所示：

在 JavaScript 这种弱类型语言中，简单自由 (从另一种角度来说是随意多变) 的编写模式对开发者的技术水平要求较高，初学者跟资深开发者之间的代码质量可能差别很大，这不利于项目的维护。ES6引入了 let 变量声明和 const 常量声明、模版字符串、箭头函数、类、迭代器、生成器、模块和 Promiss 等新特性，极大地增强了 JavaScript 语言的开发能力。另一方面，2009年开始设计的 TypeScript 语言，经历了几年的发展后，最终向 ECMAScript 靠拢，实现了其标准，并在此基础上做了进一步增强，主要有类型校验、接口、装饰器等特性，这使得代码编写更规范化，也更利于项目的维护。

TypeScript 的核心是增强类型的处理

2.安装

TypeScript 相关的工具一般是通过 npm 进行安装。首先要查看 npm 是否已经安装，可以运行一下命令：

$ npm -v

接下来我们安装 TypeScript ，安装命令如下：

$ npm install -g typescript

安装完成后，来编写第一个 TypeScript 程序，并保存到文件 hello.ts 文件中文件代码如下所示：

console.log('Hello TypeScript!');

在浏览器中要运行 TypeScript 程序,必须先编译成浏览器能识别的 JavaScript 代码，可以通过 tsc 编译器来编译 TypeScript 文件，生成与之对应的 JavaScript 文件,编译过程如下：

tsc hello.ts

此时会在目录下看到一个 hello.js 文件,该文件的代码是基于 ES3/ES5 标准的，能直接在浏览器中运行。