- 布林值
ts:let isDone:boolean = false;
js:var isDone = false;
- 數字
number， 除了支持十進制和十六進制字面量，TypeScript還支持ECMAScript 2015中引入的二進制和八進制字面量，
ts:
let decl: number = 6;
let num: number = 0o34534;
let a: number = 0b100100111100;
let b: number = 0xd4fdcabe;
js:
var decl = 6;
var num = 14684;
var a = 2364;
var b = 0xd4fdcabe;
- 字串
string表示文本資料型別， 和JavaScript一樣，可以使用雙引號（ "）或單引號（'）表示字串，
ts:
let name1: string = 'fdjig';
let name2 = 'bob';
//你還可以使用模版字串，它可以定義多行文本和內嵌運算式， 這種字串是被反引號包圍（ `），并且以${ expr }這種形式嵌入運算式
let name3 = 'lizi';
let age = 17;
//let sentence = `hello,my name is ${name3}.I'll be ${age+1} years old next month.`
//與下面定義的sentence效果相同：
let sentence:string = "hello,my name is"+name3+".\n\n" + "I'll be"+(age+1)+"years old next month."
js:
var name1 = 'fdjig';
var name2 = 'bob';
var name3 = 'lizi';
var age = 17;
var sentence = "hello,my name is " + name3 + ".I'll be " + (age + 1) + " years old next month.";
- 陣列
ts:
//第一種，可以在元素型別后面接上 []，表示由此型別元素組成的一個陣列：
let list: number[] = [1, 2, 3];
//第二種方式是使用陣列泛型，Array<元素型別>：
let list: Array<number> = [1, 2, 3];
js:
var list = [1, 2, 3];
- 元組Tuple
string和number型別的元組，例如：
ts:
let x: [string, number];
x = ['hello',10] //注意:此處x中值的型別必須與定義的x變數型別、所處位置保持一致
js:
var x;
x = ['hello', 10];
當訪問一個越界的元素，會使用聯合型別替代;聯合型別是高級主題，我們會在以后的章節里討論它，
- 列舉
enum型別是對JavaScript標準資料型別的一個補充， 像C#等其它語言一樣，使用列舉型別可以為一組數值賦予友好的名字，
ts:
enum Color { red=1, blue, green }
//默認情況下，從0開始為元素編號， 你也可以手動的指定成員的數值，例如，我們將上面的例子改成從 1開始編號：
let c: Color = Color.blue;
js:
var Color;
(function (Color) {
Color[Color["red"] = 1] = "red";
Color[Color["blue"] = 2] = "blue";
Color[Color["green"] = 3] = "green";
})(Color || (Color = {}));
var c = Color.blue;
列舉型別提供的一個便利是你可以由列舉的值得到它的名字，
ts:
enum Color {Red = 1, Green, Blue}
let colorName: string = Color[2];
console.log(colorName); // 顯示'Green'因為上面代碼里它的值是2
js:
var Color;
(function (Color) {
Color[Color["Red"] = 1] = "Red";
Color[Color["Green"] = 2] = "Green";
Color[Color["Blue"] = 3] = "Blue";
})(Color || (Color = {}));
var colorName = Color[2];
console.log(colorName); // 顯示'Green'因為上面代碼里它的值是2
- Any
any型別來標記這些變數：
ts:
let notSure: any = 4;
console.log(typeof(notSure));
js:
var notSure = 4;
console.log(typeof (notSure));
當你只知道一部分資料的型別時，any型別也是有用的，
- Void
void型別像是與any型別相反，它表示沒有任何型別， 當一個函式沒有回傳值時，你通常會見到其回傳值型別是 void：
ts:
function warnUser(): void{
console.log("this is my warning message")
}
宣告一個void型別的變數沒有什么大用，因為你只能為它賦予undefined和null：
let unusable: void = undefined;
- Null和Undefined
默認情況下null和undefined是所有型別的子型別， 就是說你可以把 null和undefined賦值給number型別的變數，然而，當你指定了--strictNullChecks標記，null和undefined只能賦值給void和它們各自， 這能避免 很多常見的問題， 也許在某處你想傳入一個 string或null或undefined，你可以使用聯合型別string | null | undefined， 再次說明，稍后我們會介紹聯合型別，
- Nerver
never型別表示的是那些永不存在的值的型別， 例如， never型別是那些總是會拋出例外或根本就不會有回傳值的函式運算式或箭頭函式運算式的回傳值型別； 變數也可能是 never型別，當它們被永不為真的型別保護所約束時，
never型別是任何型別的子型別，也可以賦值給任何型別；然而，沒有型別是never的子型別或可以賦值給never型別（除了never本身之外）， 即使 any也不可以賦值給never，
- Object
object表示非原始型別，也就是除number，string，boolean，symbol，null或undefined之外的型別，使用object型別，就可以更好的表示像Object.create這樣的API，例如：
declare function create(o: object | null): void;
create({ prop: 0 }); // OK
create(null); // OK
create(42); // Error
create("string"); // Error
create(false); // Error
create(undefined); // Error
- 型別斷言
有時候你會遇到這樣的情況，你會比TypeScript更了解某個值的詳細資訊， 通常這會發生在你清楚地知道一個物體具有比它現有型別更確切的型別，
通過型別斷言這種方式可以告訴編譯器，“相信我，我知道自己在干什么”， 型別斷言好比其它語言里的型別轉換，但是不進行特殊的資料檢查和解構， 它沒有運行時的影響，只是在編譯階段起作用， TypeScript會假設你，程式員，已經進行了必須的檢查，
型別斷言有兩種形式， 其一是“尖括號”語法：
let someValue: any = "this is a string";
let strLength: number = (<string>someValue).length;
另一個為as語法：
let someValue: any = "this is a string";
let strLength: number = (someValue as string).length;
兩種形式是等價的， 至于使用哪個大多數情況下是憑個人喜好；然而，當你在TypeScript里使用JSX時，只有 as語法斷言是被允許的，- 關于let
let關鍵字來代替大家所熟悉的JavaScript關鍵字var， let關鍵字是JavaScript的一個新概念，TypeScript實作了它， 我們會在以后詳細介紹它，很多常見的問題都可以通過使用 let來解決，所以盡可能地使用let來代替var吧，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/238996.html
標籤：JavaScript
上一篇：易地扶貧搬遷后續扶持管理系統分享
下一篇：物件的隱式型別轉換