รู้จัก Basic Type ต่างๆ

Search…
คราวนี้เราจะมาแนะนำ Type พื้นฐานที่ควรรู้ก่อน ซึ่งจะแนะนำเฉพาะ Type ที่ใช้บ่อยๆ ในการเขียนโปรแกรมแบบที่ไม่ซับซ้อนมากก่อน
การกำหนด Type ให้กับตัวแปร ให้เราเพิ่ม : [ชื่อ Type] หลังจากชื่อตัวแปรและคีย์เวิร์ดที่ใช้สร้างตัวแปร (var, let, const)
Number
numberใช้เก็บตัวเลข ทั้งที่เป็นจำนวนเต็ม (Integer) หรือมีทศนิยม (Floating Point)
1
let a: number = 6
2
let b: number = 0xf00d
3
let c: number = -10.15
4
let d: bigint = 100n // BigInt จะเก็บข้อมูลได้เยอะกว่า Number ปกติ
Copied!
Boolean
boolean ใช้เก็บ true หรือ false
1
let isGod: boolean = false
2
let isHuman: boolean = !isGod
Copied!
String
string ใช้เก็บข้อมูลสตริง (ชุดอักขระ)
1
let a: string = "Jane"
2
let b: string = 'Noon'
3
let c: string = `Bow`
4
let d: string = `หนูชื่อ ${a} มากับ ${b} แล้วก็มากับ ${c}`
Copied!
Array
สำหรับอาเรย์จะเขียนได้สองแบบ ซึ่งทั้งคู่จะต้องระบุว่าทุกค่าในอาเรย์จะต้องเป็นประเภทไหน
1
// แบบที่หนึ่ง ใช้ [] ต่อจากชี่อ Type
2
let list: number[] = [1, 2, 3]
3
​
4
// แบบที่สอง ใช้รูปแบบ "Generic" <> แล้วใส่ชื่อ Type ด้านใน
5
let list: Array<number> = [4, 5, 6]
Copied!
Tuple
Tuple คือ Array ที่กำหนดตายตัวแล้วว่ามีกี่ Element ซึ่งถ้าทำแบบนี้จะกำหนดให้แต่ละ Index มีค่าคนละประเภทกันได้
1
let x: [number, string, boolean]
2
​
3
x = [10, "hello", true] // OK
4
x = [10, "hello"] // TypeError เพราะ Element ไม่ครบ
5
x = [10, "hello", "world"] // TypeError เพราะ Element ตัวสุดท้ายไม่ใช่ Boolean
Copied!
Any
any สำหรับการกำหนดให้เป็น "อะไรก็ได้"
1
let x: any
2
​
3
x = 1 // OK
4
x = true // OK
5
x = "Bye" // OK
Copied!
การใช้ any นั้นปกติไม่แนะนำให้ใช้ ยกเว้นกรณีที่จำเป็นเท่านั้น เพราะมันเป็นการทำให้ความ Type Safety ลดลง (เหมือนกลับไปใช้ JavaScript)
Object
สำหรับออบเจกต์ จะมี object ให้ แต่โดยปกติแล้วจะไม่ใช้กัน มักทำเป็น Interface มากกว่า ซึ่งจะสอนในบทถัดๆ ไป
Basic Type อื่นๆ
ยังมี Type อื่นๆ เช่น Enum, Void, Null, Undefinedสามารถอ่านเพิ่มเติมได้จาก TypeScript Handbook​
อ้างอิง
​https://www.typescriptlang.org/docs/handbook/basic-types.html​
ติดตั้ง TypeScript
การกำหนด Type ในฟังก์ชั่น
Last modified 10mo ago
Copy link
Contents