本页使用了标题或全文手工转换

TypeScript

维基百科,自由的百科全书
跳转至: 导航搜索
TypeScript
TypeScript Logo.png
TypeScript的logo
编程范型 多范式脚本面向对象结构化指令式函数式泛型
設計者 微软
實作者 微软
发行时间 2012年10月1日,​4年前​(2012-10-01[1]
最新发行时间 2.1(2016年12月7日,​3個月前​(2016-12-07[2]
許可證 Apache License 2.0
常用文件扩展名 .ts
網站 www.typescriptlang.org

TypeScript是一種由微軟開發的自由開源的編程语言。它是JavaScript的一個严格超集,並添加了可選的靜態型別和類別基礎的物件導向編程C#的首席架构师以及DelphiTurbo Pascal的创始人安德斯·海尔斯伯格参与了TypeScript的开发。[3][4][5][6]

TypeScript设计目标是开发大型應用,然后转译成JavaScript。[7]由于TypeScript是JavaScript的严格超集,任何現有的JavaScript程式都是合法的TypeScript程序。

TypeScript支援為現存JavaScript函式庫添加類型資訊的定义文件,方便其他程序像使用静态类型的值一样使用现有库中的值。目前有第三方提供常用函式庫如jQueryMongoDBNode.jsD3.js的定义文件。

TypeScript编译器本身也是用TypeScript写成(见自举),并被转译为JavaScript,以Apache License 2发布。

背景[编辑]

TypeScript起源于微软以及外部客户在开发大规模JavaScript应用的过程中遇到的语言本身的短板。[8]处理复杂JavaScript代码的挑战使得自定义工具在开发这门语言时很有必要。[9]

很多依赖于JavaScript的开发者通常用最终编译为JavaScript代码的另一种语言编写脚本,例如CoffeeScript和Script#(读作ScriptSharp)。一个明显的劣势是也许无法在那另一种语言中使用任何JavaScript细节的语言特性,如果那种语言不支持。

语言特性[编辑]

TypeScript是一种给JavaScript添加特性的语言扩展。增加的功能包括:

以下功能是从ECMA 2015反向移植而来:

在语法上,TypeScript很类似JScript .NET,它是另外一个微软对ECMA-262语言标准的实现,添加了对静态类型、经典的面向对象语言特性(如类、继承、接口和命名空间等)的支持。

类型批注[编辑]

TypeScript通过类型批注提供在编译时启动类型检查的静态类型。这是可选的,而且可以忽略而使用JavaScript常规的动态类型。

function Add(left: number, right: number): number {
	return left + right;
}

对于基本类型的批注是numberboolstring。而弱或动态类型的结构则是any类型。

类型批注可以被导出到一个单独的“声明文件”,以让使用类型已被编译为JavaScript的TypeScript脚本中的类型信息仍可用。批注可以为一个现有的JavaScript库声明,就像已经为Node.js和jQuery所做的那样。

当类型没有给出时,TypeScript编译器利用类型推断来推断类型。如果由于缺乏声明而不能推断出类型,那么它的类型被视作默认的动态any类型。

声明文件[编辑]

当一个TypeScript脚本被编译时,有一个产生作为编译后的JavaScript的组件的一个接口而起作用的声明文件(具有扩展名.d.ts)的选项。在这个过程中编译器基本上带走所有的函数和方法体而仅保留所导出类型的批注。当第三方开发者从TypeScript中使用它时,由此产生的声明文件就可以被用于描述一个JavaScript库或模块导出的虚拟的TypeScript类型。

声明文件的概念类似于C/C++头文件的概念。

   module Arithmetics {
       add(left: number, right: number): number;
       subtract(left: number, right: number): number;
       multiply(left: number, right: number): number;
       divide(left: number, right: number): number;
   }

类型声明文件可以为已存在的JavaScript库手写,就像为jQuery和Node.js所做的那样。

对ECMAScript 6的支持[编辑]

TypeScript增加了对为即将到来的ECMAScript 6标准所建议的特性的支持。

如下为其构想:

类(以及继承)
模块
Arrow functions

尽管标准还未准备就绪,Microsoft说它的目标是使TypeScript的特性与建议的标准看齐。

[编辑]

TypeScript支持集成了可选的类型批注支持的ECMAScript 6的类。

class Person {
    private name: string;
    private age: number;

    constructor(name: string, age: number){
        this.name = name;
        this.age = age;
    }
    
    toString(): string {
        return this.name + "(" + this.age + ")";
    }
}

泛型[编辑]

这种语言的规范说明一个未来的版本将会支持基于类型擦除泛型编程

与JavaScript的兼容性[编辑]

TypeScript是JavaScript的一个超集。默认情况下编译器以ECMAScript 3(ES3)为目标但ES5也是受支持的一个选项。一个TypeScript应用可以利用已存在的JavaScript脚本。编译后的TypeScript脚本也可以在JavaScript中使用。

现有框架如jQuery和Node.js等受到完全支持。这些库的类型声明在源代码中提供。

支持的浏览器和平台[编辑]

运行于任何平台上的任何网页浏览器都可以运行TypeScript由于它仅仅是被编译为标准的JavaScript。一个脚本既可以被预编译为JavaScript也可以通过为TypeScript包含JavaScript编译器实时编译。

开发工具[编辑]

编译器[编辑]

TypeScript 编译器,叫做tsc,本身也是用 TypeScript 写成的。可以将 TypeScrpit 编译为可以在任何 JavaScript 引擎(如浏览器)中执行的标准 JavaScript。编译器包也包含了脚本解释器,用来执行编译器。同时也有个 Node.js 包,在 Node.js 平台执行。

另外还有一个用JavaScript写的alpha版本的客户端编译器,它在页面载入时,实时执行 TypeScript 代码。[11]

这种编译器的当前版本默认支持 ECMAScript 5。一个选项是允许以 ECMAScript 2015 为目标,以利用该版本独有的语言特性(比如生成器)。类尽管是 ECMAScript 2015 标准的一部分,在这两个模式下都可以使用。

IDE和编辑器支持[编辑]

  • Angular IDE 是一个可以从 npm 安装的IDE,可以开发 TypeScript 和 Angular 2 应用,集成终端支持
  • TideEmacs 的 TypeScript 交互开发环境

开源[编辑]

TypeScript是开源的,其源代码可以在Apache 2 License下从Github获得。这个项目由Microsoft维持,但是任何人可以通过在Github项目页发送反馈、提出建议和提交bugfixes而做出贡献。[15]

已有一些批评提到这一想法,即使TypeScript鼓励强类型,当前也只有Microsoft Visual Studio允许为该语言容易的开发。最初的观点是在其它的编辑器上带来强类型,IntelliSense英语IntelliSense, 代码完成代码重构可能不是一个简单的任务。[16]此外,允许为TypeScript开发的Visual Studio扩展不是开源的。最好的TypeScript开发体验是在Microsoft Windows上,[17]然而随着时间的流逝以及这种语言开放的本质,加之编译器自我托管,而且用TypeScript自身写的,这很有可能会改变。可以通过编译器的源代码访问到AST(抽象句法树),也可以获得详细的语言规范文档,社群已开始构建一个跨平台的编辑器,[18][19]利用和Visual Studio所用相同的语言服务以提供一个增强的编辑体验。编辑器仍然在概念检验的阶段,但已经运行于Linux, OSX和Windows,提供针对之前对提供此类服务的困难度的估计的IntelliSense,代码完成和句法高亮。

参见[编辑]

其它编译为JavaScript的语言[编辑]

更多:list of languages that compile to JS

参考资料[编辑]

  1. ^ TypeScript. CodePlex. [26 April 2015]. 
  2. ^ TypeScript 2.1. TypeScript. [2 October 2016]. 
  3. ^ Foley, Mary Jo. Microsoft takes the wraps off TypeScript, a superset of JavaScript. ZDNet. CBS Interactive. 1 October 2012 [26 April 2015]. 
  4. ^ Somasegar, S. Somasegar’s blog. Somasegar’s blog. Microsoft. 1 October 2012 [26 April 2015]. 
  5. ^ Baxter-Reynolds, Matt. Microsoft TypeScript: Can the father of C# save us from the tyranny of JavaScript?. ZDNet. 1 October 2012 [26 April 2015]. 
  6. ^ Jackson, Joab. Microsoft Augments Javascript for Large-scale Development. CIO. IDG Enterprise. 1 October 2012 [26 April 2015]. 
  7. ^ Microsoft TypeScript: the JavaScript we need, or a solution looking for a problem? | Ars Technica
  8. ^ Anders Hejlsberg. What is TypeScript and why with Anders Hejlsberg. www.hanselminutes.com. 2012-10-05 [2014-01-15]. 
  9. ^ S. Somasegar. TypeScript: JavaScript Development at Application Scale. msdn.com. 2012-10-01 [2013-11-27]. 
  10. ^ http://techcrunch.com/2012/10/01/microsoft-previews-new-javascript-like-programming-language-typescript/
  11. ^ niutech/typescript-compile. GitHub. [26 April 2015]. 
  12. ^ Olivier Bloch. Sublime Text, Vi, Emacs: TypeScript enabled!. Microsoft. 2012-10-01 [2012-10-28]. 
  13. ^ TypeScript support in WebStorm 6. JetBrains. 
  14. ^ TypeScript support in ReSharper 8.1. JetBrains. 
  15. ^ https://github.com/Microsoft/TypeScript
  16. ^ Miguel de Icaza. TypeScript: First Impressions. 2012-10-01 [2012-10-12]. But TypeScript only delivers half of the value in using a strongly typed language to Unix developers: strong typing. Intellisense, code completion and refactoring are tools that are only available to Visual Studio Professional users on Windows. There is no Eclipse, MonoDevelop or Emacs support for any of the language features 
  17. ^ Microsoft TypeScript: Can the father of C# save us from the tyranny of JavaScript?. ZDNet. 2012-10-01 [2012-10-12]. And I think this is a pretty big misstep. If you're building web apps that run on anything other than Windows, you're likely using a Mac and most likely not using Visual Studio. You need the Visual Studio plug-in to get the IntelliSense. All you get without Visual Studio is the strong-typing. You don't get the productivity benefits you get from IntelliSense.. 
  18. ^ Code Assistant for TypeScript. 
  19. ^ TypeScript Editor. 2012-11-21. 

外部链接[编辑]