TypeScript小白入门教程.docx

TypeScript小白入门教程本文章来自于阿里云云栖社区ypeScript是由微软开发的一种开源编程语言，它是JavaScript的超集，在其基础上添加了可选的静态类型和基于类的面向对象编程。TypeScript可以编译成纯JavaScript，支持所有的JavaScript语法，因此可以在任何浏览器、任何计算机和任何操作系统上运行。TypeScript使得开发者可以使用一些未来JavaScript标准中的特性，让大型JavaScript应用可以使用更好的工具并拥有更清晰的结构。TypeScript与ECMAScript、JavaScript的关系ECMAScript是一个由ECMA International进行标准化，TC39委员会进行监督的语言。通常用于指代标准本身。JavaScript是ECMAScript标准的各种实现的最常用称呼。这个术语并不局限于某个特定版本的ECMAScript规范，并且可能被用于任何不同程度的任意版本的ECMAScript的实现。ECMAScript 5(ES5)是ECMAScript的第五版修订，于2009年完成标准化。这个规范在所有现代浏览器中都相当完全的实现了。ECMAScript 6(ES6)，又称ECMAScript 2015(ES2015)是指ECMAScript的第六版修订，于 2015 年完成标准化，这个标准被部分实现于大部分现代浏览器。虽然JavaScript是ECMAScript规范的标准实现，但是并不是所有浏览器都支持最新的ECMAScript规范，这也就限制了开发者使用最新的JavaScript/ECMAScript特性。TypeScript同样支持最新的ECMAScript标准，并且能将代码根据需求转换为ES3/5/6，这也意味着开发者随时可以使用最新的ECMAScript特性，比如模块、接口、类等等，而无需考虑兼容性问题。TypeScript的安装和编译TypeScript的安装非常的简单，使用npm安装即可：$ npm install -g typescript$ tsc -vVersion 2.1.6在windows环境下，还可以安装TypeScript的Visual Studio插件。安装好之后，使用tsc命令就可以将TypeScript编译成JavaScript了：$ tscxxx.ts$ lsxxx.ts xxx.jsTypeScript的语言特性TypeScript是一种给JavaScript添加特性的语言扩展，增加的功能主要有：类型注解和编译时类型检查、接口、枚举，同时从ES6中反向移植过来了：类、模块、箭头函数等功能。类型注解（Type annotations）和编译时类型检查（Compile time type checking）类型注解在TypeScript中是记录函数或变量约束的简便方法，基于代码结构和类型注解可以提供静态分析。TypeScript在编译时启动类型检查，但是这是可选的，而且可以被忽略而使用JavaScript常规的动态类型。对于基本类型的注解是number, bool和string，而弱或动态类型的结构则是any类型。类型注解可以被导出到一个单独的声明文件以让使用类型的已被编译为JavaScript的TypeScript脚本的类型信息可用，因此注解可以为一个现有的JavaScript库声明，就像已经为Node.js和jQuery所做的那样。当类型没有给出时，TypeScript编译器利用类型推断以推断类型，但是如果由于缺乏声明，没有类型可以被推断出，那么它就会默认为是动态的any类型。functiongreeter(person: string) {returnHello, + person;}var user = [0, 1, 2];document.body.innerHTML = greeter(user);如上代码在编译时将报错：greeter.ts(7,26): Supplied parameters donotmatchany signature ofcall target类（Classes）在ES6中添加了基于类的面向对象编程语法，由于TypeScript是基于ES6的，所以开发者现在就已经可以开始在TypeScript中使用基于类的面向对象的语法了。TypeScript的编译器会将TypeScript代码编译为兼容主流浏览器和平台的JavaScript代码。classStudent {fullName: string;constructor(publicfirstName, publiclastName) {this.fullName = firstName + + lastName; }greet