了解TypeScript中基本數據類型的功能

了解TypeScript中基本數據類型的功能

TypeScript 基本數據類型

TypeScript 是一種由微軟開發的 JavaScript 的超集,它擁有 JavaScript 的所有特性,並且擴充了一些額外的特性,例如靜態類型系統。TypeScript 支援多種基本數據類型,包括數字、字串、布林值、陣列、元組、枚舉、以及物件。

數字

TypeScript 支援兩種數字類型:整數和浮點數。整數可以是十進位、十六進位、八進位或二進位表示法。浮點數使用 IEEE 754 格式表示。

以下是一個簡單的程式範例,展示了 TypeScript 中的數字類型:

```TypeScript
let decimal: number = 6;
let hex: number = 0xf00d;
let binary: number = 0b1010;
let octal: number = 0o744;
```

<h2>字串</h2>

TypeScript 中的字串可以使用單引號(')或雙引號(")表示。你也可以使用模板字串,它可以定義多行文字以及嵌入變數。

以下是一個簡單的程式範例,展示了 TypeScript 中的字串類型:

<pre><code>“`TypeScript
let color: string = “blue”;
color = ‘red’;

let fullName: string = `Bob Bobbington`;
let age: number = 37;
let sentence: string = `Hello, my name is ${ fullName }.

I’ll be ${ age + 1 } years old next month.`;
“`

<h2>布林值</h2>

TypeScript 中的布林值可以使用 <code>true</code> 或 <code>false</code> 表示。

以下是一個簡單的程式範例,展示了 TypeScript 中的布林值類型:

<pre><code>“`TypeScript
let isDone: boolean = false;
“`

<h2>陣列</h2>

TypeScript 中的陣列可以使用兩種方式定義:「陣列泛型」(Array Generic)和「型別陣列」(Type Array)。

以下是一個簡單的程式範例,展示了 TypeScript 中的陣列類型:

<pre><code>“`TypeScript
let list: number[] = [1, 2, 3];

let list: Array = [1, 2, 3];
“`

<h2>元組</h2>

TypeScript 中的元組可以定義一個已知元素數量和類型的陣列,並且可以對這些陣列的元素進行讀取和賦值。

以下是一個簡單的程式範例,展示了 TypeScript 中的元組類型:

<pre><code>“`TypeScript
let x: [string, number];
x = [“hello”, 10]; // OK
x = [10, “hello”]; // Error
“`

<h2>枚舉</h2>

TypeScript 中的枚舉可以用來定義一組名稱與數值對應的常數。

以下是一個簡單的程式範例,展示了 TypeScript 中的枚舉類型:

<pre><code>“`TypeScript
enum Color {Red, Green, Blue}
let c: Color = Color.Green;
“`

<h2>物件</h2>

TypeScript 中的物件可以使用型別推斷,或者你也可以明確的定義它的型別。

以下是一個簡單的程式範例,展示了 TypeScript 中的物件類型:

<pre><code>“`TypeScript
let point = { x: 10, y: 20 };

// 明確的定義型別
let point: { x: number; y: number } = { x: 10, y: 20 };
“`

TypeScript 支援多種基本數據類型,包括數字、字串、布林值、陣列、元組、枚舉、以及物件。這些基本數據類型可以讓你更加有效率的開發 TypeScript 程式。

推薦閱讀文章

TypeScript 數據類型
TypeScript 基本數據類型
TypeScript 數據類型解釋
TypeScript 數據類型介紹
TypeScript 數據類型深入探討</a

延伸閱讀本站文章

更多TypeScript相關文章

推薦學習youtube影片

發佈留言