0Pricing
TypeScript Academy · บทเรียน

ชนิดข้อมูลพื้นฐาน: string, number, boolean

ใส่คำอธิบายชนิดให้ตัวแปรด้วยชนิดข้อมูลพื้นฐานสามชนิดของ TypeScript

ชนิดข้อมูลพื้นฐาน: string, number, boolean เป็นบทเรียน TypeScript Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 1 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน TypeScript Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส TypeScript Academy มีบทเรียนทั้งหมด 4 บทเรียน

ยินดีต้อนรับ

ชนิดข้อมูลพื้นฐานหลักสามชนิดของ TypeScript ได้แก่ ชนิดข้อความ ชนิดตัวเลข และชนิดบูลีน ในบทเรียนนี้ คุณจะได้เรียนรู้วิธีระบุชนิดข้อมูลให้กับตัวแปร

การระบุชนิดข้อมูลให้ตัวแปร

เพิ่มการระบุชนิดข้อมูลหลังชื่อตัวแปรด้วยเครื่องหมายทวิภาค TypeScript จะบังคับใช้ชนิดข้อมูลนั้นตลอดอายุการใช้งานของตัวแปร
let username: string = 'Alice';
let score: number = 100;
let isLoggedIn: boolean = true;

การอนุมานชนิดข้อมูล

TypeScript สามารถอนุมานชนิดข้อมูลจากค่าเริ่มต้นได้ คุณไม่จำเป็นต้องระบุชนิดข้อมูลอย่างชัดเจนเสมอไป เพราะคอมไพเลอร์จะอนุมานให้
let city = 'Istanbul';   // inferred as string
let price = 9.99;        // inferred as number
let enabled = false;     // inferred as boolean

ข้อผิดพลาดด้านชนิดข้อมูลเวลาคอมไพล์

เมื่อตัวแปรมีชนิดข้อมูลแล้ว การกำหนดชนิดข้อมูลอื่นให้ตัวแปรจะเป็นข้อผิดพลาดเวลาคอมไพล์ TypeScript ตรวจพบข้อผิดพลาดนี้ก่อนที่โค้ดจะทำงาน
let count: number = 10;
count = 'ten'; // Error: Type 'string' is not assignable to type 'number'

ชนิดข้อมูลข้อความ

ชนิดข้อมูลข้อความแทนค่าข้อความทั้งหมด TypeScript ตรวจสอบว่าการดำเนินการกับข้อความ เช่น .toUpperCase() ถูกต้อง
let greeting: string = 'Hello';
console.log(greeting.toUpperCase()); // 'HELLO'
console.log(greeting.length);        // 5

ชนิดข้อมูลตัวเลข

TypeScript มีชนิดข้อมูลตัวเลขเพียงชนิดเดียวสำหรับทั้งจำนวนเต็มและจำนวนทศนิยม ซึ่งสอดคล้องกับ JavaScript ไม่มีชนิดข้อมูลจำนวนเต็มหรือจำนวนทศนิยมแยกต่างหาก
let age: number = 25;
let pi: number = 3.14159;
let hex: number = 0xFF;

ชนิดบูลีน

บูลีนใช้แทนค่า true หรือ false โดย TypeScript ป้องกันข้อผิดพลาดจากการบังคับค่าที่เป็นจริงหรือเท็จ ด้วยการกำหนดให้ตัวแปรบูลีนเก็บได้เฉพาะ true หรือ false เท่านั้น
let isDone: boolean = false;
let hasAccess: boolean = true;
// isDone = 1; // Error — not a boolean

ลิเทอรัลแม่แบบทำงานร่วมกับสตริง

TypeScript กำหนดชนิดให้กับนิพจน์ลิเทอรัลแม่แบบ การฝังค่าที่ไม่ใช่สตริงไว้ในลิเทอรัลแม่แบบทำได้ เพราะ JavaScript จะแปลงค่านั้นเป็นสตริง
let name: string = 'World';
let n: number = 42;
let msg = `Hello ${name}, you scored ${n}`;

ชนิดพื้นฐานเทียบกับอ็อบเจกต์ห่อหุ้ม

ควรใช้ string, number และ boolean ตัวพิมพ์เล็กเสมอ ไม่ใช่ String, Number หรือ Boolean ตัวพิมพ์ใหญ่ เนื่องจากรูปแบบตัวพิมพ์ใหญ่เป็นชนิดอ็อบเจกต์ห่อหุ้มและควรใช้น้อยมาก
// Correct
let a: string = 'hello';

// Avoid
let b: String = new String('hello'); // wrapper object

คำอธิบายชนิดของพารามิเตอร์ฟังก์ชัน

การระบุชนิดพื้นฐานให้พารามิเตอร์ฟังก์ชันช่วยตรวจจับข้อผิดพลาดจากอาร์กิวเมนต์ที่ไม่ถูกต้องตั้งแต่เวลาคอมไพล์
function add(a: number, b: number): number {
  return a + b;
}
add(2, 3);      // OK
// add(2, '3'); // Error

เมื่อใดควรข้ามการระบุชนิด

หากคุณกำหนดค่าเริ่มต้นให้ตัวแปร TypeScript จะอนุมานชนิดให้ การเพิ่มคำอธิบายชนิดอย่างชัดเจนเป็นทางเลือก แต่ช่วยให้อ่านลายเซ็นฟังก์ชันได้ง่ายขึ้น
// Both are fine:
const x = 5;          // inferred number
const y: number = 5;  // explicit number

ตรวจสอบอย่างรวดเร็ว

ชนิดพื้นฐานของ TypeScript ที่ถูกต้องสำหรับค่า 3.14 คือชนิดใด

สรุปทบทวน

ใช้ string, number และ boolean เป็นชนิดพื้นฐานของ TypeScript โดย TypeScript จะอนุมานชนิดจากค่าเริ่มต้น แต่การระบุชนิดอย่างชัดเจนมีประโยชน์ในลายเซ็นฟังก์ชัน ควรใช้ชื่อชนิดตัวพิมพ์เล็กเสมอ

คำถามที่พบบ่อย

บทเรียน “ชนิดข้อมูลพื้นฐาน: string, number, boolean” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “ชนิดข้อมูลพื้นฐาน: string, number, boolean” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส TypeScript Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส TypeScript Academy มีบทเรียนทั้งหมด 4 บทเรียน

คุณจะเรียนรู้อะไรในบทเรียน “ชนิดข้อมูลพื้นฐาน: string, number, boolean”

ใส่คำอธิบายชนิดให้ตัวแปรด้วยชนิดข้อมูลพื้นฐานสามชนิดของ TypeScript คุณปฏิบัติ TypeScript Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน

คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน TypeScript Academy หรือไม่

ไม่จำเป็นต้องมีประสบการณ์มาก่อน TypeScript Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 1 จากทั้งหมด 4 บทเรียน

บทเรียน “ชนิดข้อมูลพื้นฐาน: string, number, boolean” ใช้เวลานานแค่ไหน

บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย

ฉันเขียนและรันโค้ดในบทเรียน TypeScript Academy นี้ได้ไหม

ได้ บทเรียน TypeScript Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

  1. ชนิดข้อมูลพื้นฐาน: string, number, boolean
  2. ชนิด any และเหตุผลที่ควรหลีกเลี่ยง
  3. unknown เทียบกับ any: ตัวเลือกที่ปลอดภัยกว่า
  4. null, undefined และการตรวจสอบค่า null อย่างเข้มงวด
← กลับไปที่ TypeScript Academy