天天看點

♥帶你走進TypeScript♥

前言:Javasctipt想必大家都不陌生,所謂TypeScript 是 JavaScript 的超集,擴充了 JavaScript 的文法,是以現有的 JavaScript 代碼可與 TypeScript 一起工作無需任何修改,TypeScript 通過類型注解提供編譯時的靜态類型檢查。

TypeScript 可處理已有的 JavaScript 代碼,并隻對其中的 TypeScript 代碼進行編譯。

♥帶你走進TypeScript♥

​​一.TypeScript安裝​​

​​二.TypeScript轉換為JAVAscript​​

​​三.TypeScript基礎文法​​

1.組成部分:

2.tsc常用參數:

3.ts保留關鍵字

4.ts注釋:

一.TypeScript安裝

TypeScript使用Npm進行安裝:

♥帶你走進TypeScript♥

如果這樣感覺下載下傳慢的話,我們可以改成國内鏡像來進行安裝:

安裝完成後我們可以使用以下指令來檢視是否安裝成功:

♥帶你走進TypeScript♥

二.TypeScript轉換為JAVAscript

1. 建立app.ts檔案,Typescript的檔案字尾名一般為​<code>​.ts​</code>​,JAVAscript的字尾名為​<code>​.js​</code>​

2. 我們使用​<code>​tsc app.ts​</code>​将我們的app.ts轉換為app.js檔案

♥帶你走進TypeScript♥

那麼就會在同目錄下生成我們的​<code>​app.js​</code>​檔案

運作結果:

♥帶你走進TypeScript♥

3. 其轉化的過程如下:

♥帶你走進TypeScript♥
♥帶你走進TypeScript♥

三.TypeScript基礎文法

子產品

函數

變量

語句和表達式

注釋

<col>

序号

編譯參數說明

1.

–help 顯示幫助資訊

2.

----module 載入擴充子產品

3.

–target 設定 ECMA 版本

4.

–declaration 額外生成一個 .d.ts 擴充名的檔案。tsc ts-hw.ts --declaration 以上指令會生成 ts-hw.d.ts、ts-hw.js 兩個檔案。

5.

–removeComments 删除檔案的注釋

6.

–out 編譯多個檔案并合并到一個輸出的檔案

7.

–sourcemap 生成一個 sourcemap (.map) 檔案。sourcemap 是一個存儲源代碼與編譯代碼對應位置映射的資訊檔案。

8.

–module noImplicitAny 在表達式和聲明上有隐含的 any 類型時報錯

9.

–watch 在監視模式下運作編譯器。會監視輸出檔案,在它們改變時重新編譯。

break

as

catch

switch

case

if

throw

else

var

number

string

get

module

type

instanceof

typeof

public

private

enum

export

finally

for

while

void

null

super

this

new

in

return

true

false

any

extends

static

let

package

implements

interface

function

try

yield

const

continue

do

TypeScript 支援兩種類型的注釋:

單行注釋 ​<code>​( // )​</code>​ − 在 // 後面的文字都是注釋内容。

多行注釋 ​<code>​(/* */)​</code>​ − 這種注釋可以跨越多行。

♥帶你走進TypeScript♥
不要讓追求之舟停泊在幻想的港灣,而應揚起奮鬥的風帆,駛向現實生活的大海。

繼續閱讀