TypeScript 基礎語法

TypeScript 程序由以下幾個部分組成：

• 模塊
• 函數(shù)
• 變量
• 語句和表達式
• 注釋

1. 第一個 TypeScript 程序

我們可以使用以下 TypeScript 程序來輸出 "Hello World" ：

const hello : string = "Hello World!"
console.log(hello)

以上代碼存放到 yapf.ts 文件中，首先通過 tsc 命令編譯：

tsc yapf.ts

得到 js 代碼文件 yapf.js：

var hello = "Hello World!";
console.log(hello);

最后我們使用 node 命令來執(zhí)行該 js 代碼。

$ node Runoob.js
Hello World

整個流程如下圖所示：

我們可以同時編譯多個 ts 文件：

tsc file1.ts file2.ts file3.ts

tsc 常用編譯參數(shù)如下表所示：

tsc ts-hw.ts --declaration

2. TypeScript 保留關鍵字

TypeScript 保留關鍵字如下表所示：

1）空白和換行

TypeScript 會忽略程序中出現(xiàn)的空格、制表符和換行符。

空格、制表符通常用來縮進代碼，使代碼易于閱讀和理解。

2) TypeScript 區(qū)分大小寫

TypeScript 區(qū)分大寫和小寫字符。

3) 分號是可選的

每行指令都是一段語句，你可以使用分號或不使用， 分號在 TypeScript 中是可選的，建議使用。

以下代碼都是合法的：

console.log("Codebaoku")
console.log("Google");

如果語句寫在同一行則一定需要使用分號來分隔，否則會報錯，如：

console.log("Codeboku");console.log("Google");

4) TypeScript 注釋

注釋是一個良好的習慣，雖然很多程序員討厭注釋，但還是建議你在每段代碼寫上文字說明。

注釋可以提高程序的可讀性。

注釋可以包含有關程序一些信息，如代碼的作者，有關函數(shù)的說明等。

編譯器會忽略注釋。

5) TypeScript 支持兩種類型的注釋

• 單行注釋 ( // ) ? 在 // 后面的文字都是注釋內容。
• 多行注釋 (/* */) ? 這種注釋可以跨越多行。

注釋范例：

// 這是一個單行注釋
 
/* 
 這是一個多行注釋 
 這是一個多行注釋 
 這是一個多行注釋 
*/

2. TypeScript 與面向對象

面向對象是一種對現(xiàn)實世界理解和抽象的方法。

TypeScript 是一種面向對象的編程語言。

面向對象主要有兩個概念：對象和類。

• 對象：對象是類的一個范例（對象不是找個女朋友），有狀態(tài)和行為。例如，一條狗是一個對象，它的狀態(tài)有：顏色、名字、品種；行為有：搖尾巴、叫、吃等。
• 類：類是一個模板，它描述一類對象的行為和狀態(tài)。
• 方法：方法是類的操作的實現(xiàn)步驟。

下圖中 girl、boy 為類，而具體的每個人為該類的對象：

TypeScript 面向對象編程范例：

class Site { 
   name():void { 
      console.log("Codebaoku") 
   } 
} 
var obj = new Site(); 
obj.name();

以上范例定義了一個類 Site，該類有一個方法 name()，該方法在終端上輸出字符串 Codebaoku。

new 關鍵字創(chuàng)建類的對象，該對象調用方法 name()。

編譯后生成的 JavaScript 代碼如下：

var Site = /** @class */ (function () {
    function Site() {
    }
    Site.prototype.name = function () {
        console.log("Codebaoku");
    };
    return Site;
}());
var obj = new Site();
obj.name();

執(zhí)行以上 JavaScript 代碼，輸出結果如下:

Codebaoku