來學習typescript 吧！ --1基礎型別（string、number、 boolean、void 、Null、undefined ）

蜗牛般庄發表於2024-12-04
TypeScript型別BooleanNullUndefined

TS是JS的超集，所以js基礎的型別都包含在內

基礎型別：Boolean、Number、String、null、undefined 以及 ES6 的 Symbol 和 ES10 的 BigInt

一、安裝和使用ts:

1、npm install typescript -g //全域性安裝typescript

2、tsc --init //生成tsconfig.json檔案

3、tsc index.ts //編譯ts檔案

二、基礎型別

1、字串型別 -- string

let a: string = "123";
​
let str:string = `zxd${a}

2、數字型別 -- number

let notANumber: number = NaN;//Nan
​
let num: number = 123;//普通數字
​
let infinityNumber: number = Infinity;//無窮大
​
let decimal: number = 6;//十進位制
let hex: number = 0xf00d;//十六進位制
let binary: number = 0b1010;//二進位制
let octal: number = 0o744;//八進位制

3、布林型別 -- boolean

let isDone: boolean = false;//布林值
let isTrue: boolean = Boolean(1);//布林值

注意：使用建構函式 Boolean 創造的物件不是布林值

//這樣會報錯：事實上 new Boolean() 返回的是一個 Boolean 物件
let createdBoolean: boolean = new Boolean(1);
​
//需要改成 大寫
let createdBoolean: Boolean = new Boolean(1)

4、空值型別 -- void undefined null

JavaScript 沒有空值（Void）的概念，在 TypeScript 中，可以用 void 表示沒有任何返回值的函式

function voidFn(): void {
    console.log('test void')
}

typescript

void也可以定義undefined 

let u: void = undefined

非嚴格模式下：void也可以定義 null型別

let xx: void = null;

null 和 undefined 是所有型別的子型別。也就是說，你可以把 null 和 undefined 賦值給 number 型別的變數。

//void型別不可以分給其他型別!
let test: void = undefined
let num2: string = "1"
 
num2 = test //這樣寫會報錯

非嚴格模式下： null型別或者undefined 可以賦值給string

let test: null = null
let num2: string = "1"
 
num2 = test
​
​
let test: undefined = undefined
let num2: string = "1"
 
num2 = test

TIPS 注意：

{
    "compilerOptions":{
        "strict": true
    }
}

相關文章