(TypeScript篇)一 基礎

2021-10-07 08:33:35 字數 1692 閱讀 2841

1)安裝命令

>npm install -g typescript

2)檢視ts版本號(ps:ts指的是typescript)

>tsc -v

3)編譯命令

>tsc 檔名.ts

1)布林型別

let isdone: boolean = false;

2)數字型別

let age: number = 25;

let binarynumber: number = 0b1010;  // 二進位制數字

3)字串型別

let name: string = 'mamba';

let desc:string = `my name is $, age $`;

4)undefined和null

let u: undefined = undefined;

let n: null = null;

說明:undefined和null是所有型別的子型別

參考文章:

undefined:a.定義變數未賦值 b.訪問物件不存在屬性或者未定義變數 c.函式中定義了形參,未傳實參 d.使用void對表示式求值

null:a.如果定義的變數在將來用於儲存物件,那麼最好將該變數初始化為null

b.當乙個資料不再需要使用時,我們最好將其設定為null來釋放其引用

注:特殊的typeof null 當我們使用typeof操作符檢測null值,返回的型別卻是「object」

總結:undefined表示乙個變數自然的,最原始的狀態值,而null則表示乙個變數被人為的設定為空物件,而不是原始狀態。不要對乙個變數顯式的賦值undefined,當需要釋放乙個物件時用null即可。

1)any型別

說明:允許賦值為任何型別

let anykind: any = 4;

anykind = 'wo shi any lei xing xixi';

anykind = false;

2)聯合型別

說明:多種型別設定

let numorstr: number | string = 234;

numorstr = 'mamba';

1)array

let arrofstr: string = ['job', 'xiaoming', 'zzz'];

arrofstr.push('wz');

2)tuple元組,可以放不同型別的資料

let user: [string, number] = ['google', 12]

說明:a.對物件的形狀(shape)進行描述 b.對類(class)進行抽象 c.對類(class)進行抽象 d.duck typing 鴨子型別

1)定義介面

inte***ce personelseelse{

return x + y;

// '=>'符號是ts中宣告函式型別返回值的方法

const add3: (x: number, y: number, z?: number) => number = add2;

補充:ts中的型別推論是什麼?

最基本的描述就是根據右側的值推斷左側變數的型別。

a.多型別聯合:當我們定義乙個陣列或者元組這種包含多個元素的值的時候,多個元素可以有不同的型別,這時候 typescript 會將多個型別合併起來,組成乙個聯合型別

b.上下文型別:根據左側的型別推斷右側的型別

(TypeScript篇)二 基礎

概念 定義了一切事物的抽象特點 物件 類的例項 物件導向三大特性 封裝繼承多型 1 構建動物類 class animal is running 例項化 const snake new animal snake console.log snake.run 物件點方法 console.log 靜態屬性 ...

TypeScript 基礎型別

基礎型別可以依據是否含有型別關鍵字分為兩類 注意 所有型別關鍵字都是小寫的。注 這種分類並不嚴謹,分類的目的僅僅用於幫助記憶型別用來指定變數的型別,相容的型別之間才能進行賦值 傳參等操作。宣告變數型別使用變數名 型別格式,如let decimal number 10,宣告之後decimal就只能接受...

typeScript基礎總結

使用 npm cnpm yarn 進行全域性安裝 檢視版本tsc v執行 ts 檔案tsc test.ts執行完成後會生成 js 檔案 自動執行 ts 檔案資料型別 關鍵字描述 任意型別 any宣告為 any 的變數可以賦予任意型別的值。數字型別 number 它可以用來表示整數和分數。字串型別 s...