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

TypeScript

维基百科,自由的百科全书
跳到导航 跳到搜索
TypeScript
Typescript logo 2020.svg
编程范型多范型函数式泛型指令式面向对象
設計者微软
實作者微软
发行时间2012年10月1日,​9年前​(2012-10-01[1]
穩定版本
4.7.4
(2022年6月18日,​41天前​(2022-06-18[2]
預覽版本
4.8 Beta
(2022年6月22日,​37天前​(2022-06-22[3]
型態系統鸭子类型, 渐进类型英语Gradual typing, 结构类型英语Structural type system[4]
許可證Apache 许可证 2.0
文件扩展名.ts, .tsx
網站www.typescriptlang.org
啟發語言
C#JavaJavaScript
影響語言
AtScript英语AtScript、AssemblyScript


TypeScript 是由微軟进行開發和维护[5]的一種开源編程语言。TypeScript 是 JavaScript 的严格語法超集,提供了可選的靜態型別检查。

TypeScript 的知名開發者有 C# 的首席架构师兼 DelphiTurbo Pascal 的创始人——安德斯·海尔斯伯格[6][7][8][9]

TypeScript 是为开发大型應用程式而设计的,且可转译成 JavaScript。[10]由于 TypeScript 是 JavaScript 的严格語法超集 ,因此任何現有的 JavaScript 程式都是合法的 TypeScript 程式。

TypeScript 支援為現存 JavaScript 函式庫添加型別資訊的定义文件,方便其他程序像使用静态型別的 TypeScript 實體一样,使用现有程式库中的值,就像是 C++標頭檔可以描述目的檔(object file)的結構一樣。有許多第三方標頭檔為熱門函式庫像是 jQueryMongoDBNode.jsD3.js 等提供定义文件。

TypeScript 编译器本身也是用 TypeScript 编写,并被转译为 JavaScript,以 Apache 许可证第二版发布。

背景[编辑]

经过微软两年的内部开发后,TypeScript 于 2012 年 10 月首次发布(0.8 版本)。[11][12] 在发布后不久,Miguel de Icaza 认可了这门语言,但批评了其糟糕的 IDE 支持性,仅有 Microsoft Visual Studio IDE 支持其代码,但此 IDE 当时未在 Linux 和 OS X 操作系统上发布。[13][14] 如今,在其他 IDE 中(例如:Eclipse),通过 Palantir Technologies 提供的插件支持,能支持 TypeScript 语法。[15][16] 大部分主流的文本编辑器,例如:EmacsVimWebStormAtom[17]和微软发布的 Visual Studio Code 也能支持TypeScript 语法.[18]

2013年发布的 TypeScript 0.9 增加了对泛型的支持。[19]TypeScript 1.0 在 2014 年的微软开发者大会上发布。[20]Visual Studio 2013 Update 2 为 TypeScript 提供了原生支持。[21]

2014 年 7 月,开发团队发布了新的 TypeScript 编辑器,声称其性能提高了5倍。同时,代码托管由 CodePlex 迁移至 GitHub[22]

2016 年 9 月 22 日,TypeScript 2.0 发布,其中引入了几个功能,例如开发者可以选择不为变量分配空值[23]等。

2018 年 7 月 30 日,TypeScript 3.0 发布[24] ,其中包含许多新功能,例如剩余参数页面存档备份,存于互联网档案馆)、展开语法页面存档备份,存于互联网档案馆)、带有元组的剩余参数、带有通用类型的剩余参数等。[25]

设计背景[编辑]

TypeScript 起源于 JavaScript 在微软以及客户中开发大型应用中遇到的缺点。[26]处理复杂 JavaScript 代码带来的挑战使他们需要自定义工具来简化组件开发流程。[27]

TypeScript 开发者寻求一种不破坏现有标准兼容性和跨平台支持的解决方案。知道 ECMAScript 标准为未来基于类编程提供支持后,Typescript 开发便基于此方案。这形成了包含一组新的语法扩展的一个 JavaScript 编译器,一个基于此提案的超集,可将 TypeScript 语法编译为常规的 JavaScript。从这个意义上来讲,TypeScript 是 ECMAScript 2015预期内容的预览版本。提案中未包括的可选静态类型被添加到了 TypeScript 中,有助于促进工具和 IDE 支持。

ECMAScript 6支持[编辑]

TypeScript 添加了 ECMAScript 2015标准中定义的类、模块和箭头函数等语法的支持。

语言特性[编辑]

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

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

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

类型批注[编辑]

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

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

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

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

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

声明文件[编辑]

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

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

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

可以为已存在的 JavaScript 库(如 jQuery 和 Node.js)撰寫写类型声明文件。

類別[编辑]

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})`;
    }
}

函式[编辑]

TypeScript 支援函式编程。以下為恆等函數的範例:

function id<T>(x: T): T {
    return x;
}

模組和命名空間[编辑]

在 TypeScript 中,模組和命名空間是被區分開的。這兩項功能在 TypeScript 中皆支援將類型、介面、函數和變數封裝至容器內。命名空間(舊稱內部模組)使用 JavaScript 的立即呼叫函式表達式來封裝程式碼,而模組(舊稱外部模組)則是以 JavaScript 函式庫模式來達成(非同步模組定義CommonJS)。

与JavaScript的兼容性[编辑]

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

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

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

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

开发工具[编辑]

编译器[编辑]

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

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

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

IDE和编辑器支持[编辑]

开源[编辑]

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

已有一些批评提到,TypeScript 鼓励强类型,当前只有Microsoft Visual Studio支持在该语言上方便开发。最初的方案是在其它的编辑器上带来强类型,IntelliSense英语IntelliSense代码完成代码重构的功能,但这可能不是一个简单的任务。[34]此外,支持 TypeScript 开发的 Visual Studio 扩展不是开源的。最好的 TypeScript 开发体验是在Microsoft Windows上,[35]然而随着时间的流逝以及这种语言的开放性,加之编译器自我托管,而且用TypeScript自身写的,这很有可能会改变。通过编译器的源代码访问到AST(抽象句法树)以及详细的语言规范文档,社群已开始构建一个跨平台的编辑器,[36][37]利用和Visual Studio所用到的相同的语言服务以提供一个增强的编辑体验。编辑器仍然在概念检验的阶段,但已经运行于Linux、macOS 和 Windows,提供功能强度相同的 IntelliSense、代码完成和句法高亮方法。

参见[编辑]

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

参考资料[编辑]

  1. ^ TypeScript. CodePlex. [2015-04-26]. (原始内容存档于2015-04-03). 
  2. ^ Release TypeScript 4.7.4 · microsoft/TypeScript · GitHub. [2022-06-18]. (原始内容存档于2022-06-23). 
  3. ^ Daniel. TypeScript 4.8 Beta. 2022-06-22 [2022-06-22]. (原始内容存档于2022-07-11). 
  4. ^ Type Compatibility. TypeScript. [2018-03-21]. (原始内容存档于2018-03-12). 
  5. ^ TypeScript GitHub官网. (原始内容存档于2017-01-04). 
  6. ^ Foley, Mary Jo. Microsoft takes the wraps off TypeScript, a superset of JavaScript. ZDNet. CBS Interactive. 2012-10-01 [2015-04-26]. (原始内容存档于2014-11-13). 
  7. ^ Somasegar, S. Somasegar’s blog. Somasegar’s blog. Microsoft. 2012-10-01 [2015-04-26]. (原始内容存档于2015-04-22). 
  8. ^ Baxter-Reynolds, Matt. Microsoft TypeScript: Can the father of C# save us from the tyranny of JavaScript?. ZDNet. 2012-10-01 [2015-04-26]. (原始内容存档于2014-08-03). 
  9. ^ Jackson, Joab. Microsoft Augments Javascript for Large-scale Development. CIO. IDG Enterprise. 2012-10-01 [2015-04-26]. (原始内容存档于2013-12-17). 
  10. ^ Microsoft TypeScript: the JavaScript we need, or a solution looking for a problem? | Ars Technica. [2012-10-09]. (原始内容存档于2015-03-29). 
  11. ^ Microsoft augments JavaScript for large-scale development. InfoWorld. IDG. 1 October 2012 [26 April 2015]. (原始内容存档于2013-05-31). 
  12. ^ Turner, Jonathan. Announcing TypeScript 1.0. TypeScript Language team blog. Microsoft. 2 April 2014 [26 April 2015]. (原始内容存档于2015-05-02). 
  13. ^ Miguel de Icaza. TypeScript: First Impressions. 1 October 2012 [12 October 2012]. (原始内容存档于2019-02-24). 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 
  14. ^ Microsoft TypeScript: Can the father of C# save us from the tyranny of JavaScript?. ZDNet. 1 October 2012 [12 October 2012]. (原始内容存档于2014-08-03). 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.. 
  15. ^ TypeScript-Unterstützung für Eclipse. heise Developer. 6 August 2013 [26 April 2015]. (原始内容存档于2018-07-11). 
  16. ^ TypeScript. Eclipse Marketplace. Eclipse Foundation. [26 April 2015]. (原始内容存档于2018-10-10). 
  17. ^ TypeStrong: The only TypeScript package you will ever need. [21 July 2016]. (原始内容存档于2018-12-19). 
  18. ^ Hillar, Gastón. Working with TypeScript in Visual Studio 2012. Dr. Dobb's Journal. 14 May 2013 [26 April 2015]. (原始内容存档于2018-09-29). 
  19. ^ TypeScript 0.9 arrives with new compiler, support for generics. The Register. 18 June 2013 [26 April 2015]. (原始内容存档于2018-03-11). 
  20. ^ Hejlsberg, Anders. TypeScript. Channel 9. Microsoft. 2 April 2014 [26 April 2015]. (原始内容存档于2015-05-25). 
  21. ^ Jackson, Joab. Microsoft TypeScript graduates to Visual Studio. PC World. IDG. 25 February 2014 [26 April 2015]. (原始内容存档于2016-03-11). 
  22. ^ Turner, Jonathan. New Compiler and Moving to GitHub. TypeScript Language team blog. Microsoft. 21 July 2014 [26 April 2015]. (原始内容存档于2015-10-27). 
  23. ^ Bright, Peter. TypeScript, Microsoft's JavaScript for big applications, reaches version 2.0. Ars Technica. Condé Nast. 22 September 2016 [22 September 2016]. (原始内容存档于2018-12-21). 
  24. ^ Announcing TypeScript 3.0. 30 July 2018 [16 March 2020]. (原始内容存档于2020-05-30). 
  25. ^ TypeScript 3.0. 30 July 2018 [16 March 2020]. (原始内容存档于2020-06-06). 
  26. ^ Anders Hejlsberg. What is TypeScript and why with Anders Hejlsberg. www.hanselminutes.com. 5 October 2012 [15 January 2014]. (原始内容存档于2018-12-27). 
  27. ^ S. Somasegar. TypeScript: JavaScript Development at Application Scale. msdn.com. 1 October 2012 [27 November 2013]. (原始内容存档于2015-04-22). 
  28. ^ 存档副本. [2012-11-10]. (原始内容存档于2012-11-13). 
  29. ^ niutech/typescript-compile. GitHub. [2015-04-26]. (原始内容存档于2018-06-11). 
  30. ^ Olivier Bloch. Sublime Text, Vi, Emacs: TypeScript enabled!. Microsoft. 2012-10-01 [2012-10-28]. (原始内容存档于2012-10-29). 
  31. ^ TypeScript support in WebStorm 6. JetBrains. [2016-12-17]. (原始内容存档于2016-06-02). 
  32. ^ TypeScript support in ReSharper 8.1. JetBrains. [2016-12-17]. (原始内容存档于2014-02-02). 
  33. ^ 存档副本. [2016-12-17]. (原始内容存档于2017-01-04). 
  34. ^ Miguel de Icaza. TypeScript: First Impressions. 2012-10-01 [2012-10-12]. (原始内容存档于2019-02-24). 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 
  35. ^ Microsoft TypeScript: Can the father of C# save us from the tyranny of JavaScript?. ZDNet. 2012-10-01 [2012-10-12]. (原始内容存档于2014-08-03). 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.. 
  36. ^ Code Assistant for TypeScript. [2013-01-07]. (原始内容存档于2013-01-21). 
  37. ^ TypeScript Editor. 2012-11-21 [2013-01-07]. (原始内容存档于2013-02-18). 

外部链接[编辑]