TS學習筆記(ts基礎型別 型別別名)

2021-09-24 06:23:09 字數 2380 閱讀 2120

中文文件**  

home.html

與js不同的是  ts的變數都可以型別註解 : 後面註明變數型別

let isdone: boolean = false;
與js的型別相比多出的 比如列舉(個人理解 將物件資料化了 類似陣列通過下角標得到值)

enum color 

let c: color = color[0];

console.log(c)//red

//也可以手動新增下角標

enum color

let c: color = colorp[1];

//如果不手動新增的話 預設是從0開始的

any 可以是任何型別

let notsure: any = 4;

notsure = "maybe a string instead";

notsure = false; // okay, definitely a boolean

某種程度上來說,void型別像是與any型別相反,它表示沒有任何型別。 當乙個函式沒有返回值時,你通常會見到其返回值型別是void

宣告乙個void型別的變數沒有什麼大用,因為你只能為它賦予undefinednull

never型別表示的是那些永不存在的值的型別。 例如,never型別是那些總是會丟擲異常或根本就不會有返回值的函式表示式或箭頭函式表示式的返回值型別; 變數也可能是never型別,當它們被永不為真的型別保護所約束時。

object表示非原始型別,也就是除numberstringbooleansymbolnullundefined之外的型別。

使用object型別,就可以更好的表示像object.create這樣的api。例如:

declare function create(o: object | null): void; 

// declare 宣告變數 inte***ce 宣告介面類似

//object 感覺和物件變數沒有什麼區別

create(); // ok

create(null); // ok

create(42); // error

create("string"); // error

create(false); // error

create(undefined); // error

明確告訴編譯器這是乙個什麼型別的變數

let somevalue: any = "this is a string";

let strlength: number = (somevalue as string).length;

//《型別》 值

// 值 as 型別

主要說了一些es6的一些用法  除此之外

獲取塊級作用域變數的一種方法

function thecitythatalwayssleeps() 

}return getcity();

}

解構的重新命名

let o = ;

let = o;

let = o;

//其實與下面是一樣的 平時解構 變數a對應屬性a 現在重新命名了 將屬性a複製給了變數newname1

let newname1 = o.a;

let newname2 = o.b;

type (可以給乙個型別定義乙個名字)多用於符合型別

type aa=number

type name=string|number

let a:name=123

let b:aa=456

console.log(a) //123

console.log(b) //456

字串字面量型別

字串字面量型別用來約束取值只能是某幾個字串中的乙個。

type name1="小紅"|"小明"|"小李"

function conname(name:name1):void

conname("小紅") //小紅 如果是這三個字串以外的 則報錯

ts 基礎型別

宣告js的基本型別 1.數字 let a number 2 2.字串 let aa string 22 3.陣列 1 陣列元素 let b number 1,2,3 2 陣列泛型 let b array 1,2,3 3 const arr number string 1,1 2 4 type dem...

TS基礎型別(二)

undefined null 陣列 元組 enum let und undefined undefined let nll null null console.log und console.log nll undefined和null都可以作為其他型別的子型別,可以把undefined和null賦...

ts定義陣列型別 ts中型別

1 vscode配置自動編譯 1.第一步 tsc inti 生成tsconfig.json 改 outdir js 2 第二步 任務 執行任務 監視tsconfig.json 2 typescript中的資料型別 typescript中為了使編寫的 更規範,更有利於維護,增加了型別校驗,在types...