一、變量聲明

變量是一種使用方便的占位符，用于引用計算機內存地址，可以將變量看做存儲數據的容器

命名規則：

1.變量名稱可以包含數字和字母

2.除了下劃線_和美元$符號外，不能包含其他特殊字符，包括空格

3.變量名不能以數字開頭

以下四種方式聲明變量：

1.聲明變量的類型及初始值：

var [變量名] : [類型] = 值;var uname:string = "SSS"

2.聲明變量的類型，但沒有初始值，變量值會設置為undefined:

var [變量名] = [類型];var uname = string

3.聲明變量名和初始值，但不設置類型，該變量可以為任意類型

var [變量名] = 值;var uname = "SSS"

4.聲明變量沒有設置類型和初始值，類型可以是任意類型，默認初始值為undefined:

var [變量名]var uname;

示例：

ts:

var uname:string = "Runoob";
var score1:number = 50;
var score2:number = 42.50
var sum = score1 + score2
console.log("名字: "+uname)
console.log("第一個科目成績: "+score1)
console.log("第二個科目成績: "+score2)
console.log("總成績: "+sum)

注：變量不要使用name，否則會與DOM中的全局window對象下的name屬性出現重名

js:

var uname = "Runoob";
var score1 = 50;
var score2 = 42.50;
var sum = score1 + score2;
console.log("名字: " + uname);
console.log("第一個科目成績: " + score1);
console.log("第二個科目成績: " + score2);
console.log("總成績: " + sum);

結果:

名字: Runoob
第一個科目成績: 50
第二個科目成績: 42.5
總成績: 92.5

二、類型斷言（Type Assertion）

類型斷言可以用來手動指定一個值的類型，即允許變量從一種類型改為另一種類型

語法格式：

<類型> 值或值 as 類型

示例：

var str = '1' 
var str2:number = <number> <any> str   //str、str2 是 string 類型
console.log(str2)

TypeScript是如何確定單個斷言是否足夠：

當S類型是T類型的子集，或者T類型是S類型的子集時，S能被成功斷言為T，這是為了在進行類型斷言時提供額外的安全性，完全毫無根據的斷言是危險的，除非用any

此之所以不能被稱為類型轉換，是因為轉換通常意味著某種運行時的支持，但是，類型斷言是一個編譯時語法，同時，也是一種為編譯器提供關于如何分析代碼的方法

以上代碼編譯后的結果：

var str = '1';
var str2 = str;  //str、str2 是 string 類型
console.log(str2);

三、類型推斷

當類型沒有給出時，TypeScript編譯器利用類型推斷來推斷類型

如果由于缺乏聲明而不能推斷出類型，那么它的類型被視作默認的動態any類型

var num = 2;    // 類型推斷為 number
console.log("num 變量的值為 "+num); 
num = "12";    // 編譯錯誤
console.log(num);

?第一行代碼聲明了變量num并=設置初始值為2，注意變量聲明沒有指定類型，因此，程序使用類型推斷來確定變量的數據類型，第一次賦值為2，num設置為number類型

第三行，當再次為變量設置字符串類型的值時，編譯會錯誤，因為變量已經設置了number類型

error TS2322: Type '"12"' is not assignable to type 'number'.

四、變量作用域

變量作用域指定了變量定義的位置

程序中變量的可用性由變量作用域決定

TypeScript有以下幾種作用域：

1.全局作用域：全局變量定義在程序結構的外部，它可以在代碼的任何位置使用

2.類作用域：這個變量也可以稱為字段，類變量聲明在一個類里頭，但在類的方法外面，該變量可以通過類的對象來訪問，類變量可以是靜態的，靜態的變量可以通過類名直接訪問

3.局部作用域：局部變量，局部變量只能在聲明他的一個代碼塊（方法）中使用

示例：

ts：

var global_num = 12          // 全局變量
class Numbers { num_val = 13;             // 實例變量static sval = 10;         // 靜態變量storeNum():void { var local_num = 14;    // 局部變量} 
} 
console.log("全局變量為: "+global_num)  
console.log(Numbers.sval)   // 靜態變量
var obj = new Numbers(); 
console.log("實例變量: "+obj.num_val)

js：

var global_num = 12; // 全局變量
var Numbers = /** @class */ (function () {function Numbers() {this.num_val = 13; // 實例變量}Numbers.prototype.storeNum = function () {var local_num = 14; // 局部變量};Numbers.sval = 10; // 靜態變量return Numbers;
}());
console.log("全局變量為: " + global_num);
console.log(Numbers.sval); // 靜態變量
var obj = new Numbers();
console.log("實例變量: " + obj.num_val);

結果：

全局變量為: 12
10
實例變量: 13

如果在方法外調用局部變量會報錯：

error TS2322: Could not find symbol 'local_num'.