TypeScript是一款編程語言軟件,用戶可以在線進行編輯,讓您在JS的使用中可以更加的便捷。此外typescript軟件拓寬了語言的區(qū)域,幫助您在編程還是制作上都可以更好的來操作。
軟件介紹
TypeScript是一種由微軟開發(fā)的自由和開源的編程語言。它是JavaScript的一個超集,而且本質上向這個語言添加了可選的靜態(tài)類型和基于類的面向對象編程。安德斯·海爾斯伯格,C#的首席架構師,已工作于TypeScript的開發(fā)。
TypeScript擴展了JavaScript的語法,所以任何現(xiàn)有的JavaScript程序可以不加改變的在TypeScript下工作。TypeScript是為大型應用之開發(fā)而設計,而編譯時它產生 JavaScript 以確保兼容性。
TypeScript 支持為已存在的 JavaScript 庫添加類型信息的頭文件,擴展了它對于流行的庫如 jQuery,MongoDB,Node.js 和 D3.js 的好處。
軟件背景
TypeScript 起源于開發(fā)應用程序規(guī)模的 JavaScript 應用程序的需求。Microsoft的語言開發(fā)者們說內部以及外部的客戶都表示他們構建 JavaScript 代碼的問題。
很多最終依賴于 JavaScript 的開發(fā)者通常用編譯為 JavaScript 代碼的另一種語言寫腳本,例如 CoffeeScript 和 Script# (讀作 ScriptSharp)。一個明顯的劣勢是也許無法從那另一種語言使用任何 JavaScript 的具體的語言特性,如果那種語言不支持它的話。
在 Microsoft 內部,它導致了自定義工具以簡化 JavaScript 組件的編寫的需求。
軟件特色
TypeScript 是一種給 JavaScript 添加特性的語言擴展。
類型批注和編譯時類型檢查
類
接口
模塊
lambda 函數(shù)語法上,TypeScript 很類似于 JScript .NET,另外一個添加了對靜態(tài)類型,經典的面向對象語言特性如類,繼承,接口和命名空間等的支持的 Microsoft 對 ECMA-262 語言標準的實現(xiàn)。
類型批注
TypeScript 通過類型批注提供靜態(tài)類型以在編譯時啟動類型檢查。這是可選的,而且可以被忽略而使用 JavaScript 常規(guī)的動態(tài)類型。
對于基本類型的批注是 number, bool 和 string。而弱或動態(tài)類型的結構則是 any 類型。
類型批注可以被導出到一個單獨的聲明文件以讓使用類型的已被編譯為 JavaScript 的 TypeScript 腳本的類型信息可用。批注可以為一個現(xiàn)有的 JavaScript 庫聲明,就像已經為 Node.js 和 jQuery 所做的那樣。
當類型沒有給出時,TypeScript 編譯器利用類型推斷以推斷類型。如果由于缺乏聲明,沒有類型可以被推斷出,那么它就會默認為是動態(tài)的 any 類型。
聲明文件
當一個 TypeScript 腳本被編譯時,有一個產生作為編譯后的 JavaScript 的組件的一個接口而起作用的聲明文件 (具有擴展名 .d.ts) 的選項。在這個過程中編譯器基本上帶走所有的函數(shù)和方法體而僅保留所導出類型的批注。當?shù)谌介_發(fā)者從 TypeScript 中使用它時,由此產生的聲明文件就可以被用于描述一個 JavaScript 庫或模塊導出的虛擬的 TypeScript 類型。聲明文件的概念類似于 C/C++ 中頭文件的概念。
類型聲明文件可以為已存在的 JavaScript 庫手寫,就像為 jQuery 和 Node.js 所做的那樣。對 ECMAScript 6 的支持TypeScript 增加了對為即將到來的 ECMAScript 6 標準所建議的特性的支持。如下為其構想:類 (以及繼承) 模塊Arrow functions盡管標準還未準備就緒,Microsoft 說它的目標是使 TypeScript 的特性與建議的標準看齊。
類
TypeScript 支持集成了可選的類型批注支持的 ECMAScript6 的類。
泛型
這種語言的規(guī)范說明一個未來的版本將會支持基于類型擦除的泛型編程。與 JavaScript 的兼容性TypeScript 是 JavaScript 的一個超集。默認情況下編譯器以 ECMAScript 3 (ES3) 為目標但 ES5 也是受支持的一個選項。一個 TypeScript 應用可以利用已存在的 JavaScript 腳本。編譯后的 TypeScript 腳本也可以從 JavaScript 中使用?,F(xiàn)有框架如 jQuery 和 Node.js 等受到完全支持。這些庫的類型聲明在源代碼中提供。支持的瀏覽器和平臺運行于任何平臺上的任何網頁瀏覽器都可以運行 TypeScript 由于它僅僅是被編譯為標準的 JavaScript。一個腳本既可以被預編譯為 JavaScript 也可以通過為 TypeScript 包含 JavaScript 編譯器實時編譯。
使用教程
安裝
在安裝typescript前,需先安裝Node.js,關于Node.js如何下載并安裝請參見:
在電腦上找到【運行】功能并點擊,打開運行面板,如圖:
在運行面板中,輸入【cmd】,如圖
打開命令提示符窗口,輸入命令:npm install -g typescript,
按回車鍵,開始安裝typescript,等待一會,安裝成功后下面會顯示typescript的版本,如圖:
或者在命令提示符面板中輸入命令:tsc -v ,檢查當前typescript的版本,如圖:
基本語法
第一個HelloWorld
我們創(chuàng)建一個 index.html 文件,在文件里寫入:
<script src="hello.js"></script>
創(chuàng)建 hello.ts 文件, *.ts 是 TypeScript 文件的后綴:
alert('Hello World!');
我們打開命令行,使用 tsc 命令編譯 hello.ts 文件
tsc hello.ts
用瀏覽器打開index.html文件
語法
類型批注
TypeScript 通過類型批注提供靜態(tài)類型以在編譯時啟動類型檢查,對于基本類型的批注是number, bool和string,而弱或動態(tài)類型的結構則是any類型。
接口使用關鍵字 interface
接口也可以作為一個類型批注。
箭頭函數(shù)表達式(lambda表達式)
lambda表達式 ()=>{something}或()=>something 相當于js中的函數(shù),它的好處是可以自動將函數(shù)中的this附加到上下文中
TypeScript支持集成了可選的類型批注支持的ECMAScript 6的類。
繼承
可以繼承一個已存在的類并創(chuàng)建一個派生類,繼承使用關鍵字 extends