ทำความรู้จัก TypeScript ครั้งแรก
เขียนและเรียกใช้โค้ด TypeScript แรกของคุณ
ทำความรู้จัก TypeScript ครั้งแรก เป็นบทเรียน TypeScript Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 3 จากทั้งหมด 3 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน TypeScript Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส TypeScript Academy มีบทเรียนทั้งหมด 3 บทเรียน
ได้เวลาลองดู
มาดู TypeScript ที่ใช้งานจริงกัน ไม่ต้องกังวลนะ มันดูเหมือน JavaScript แทบทุกอย่าง เพียงเพิ่มรายละเอียดเล็กน้อยเท่านั้น 😄
ค่าข้อมูลง่าย ๆ
ตรงนี้เราเก็บชื่อไว้ ส่วน ": string" เป็นเพียงป้ายกำกับที่บอกว่า "ค่านี้เก็บข้อความ"
let name: string = "Alex";
console.log(name);ป้ายกำกับเล็ก ๆ นั้น
": string" นี่คือหัวใจสำคัญทั้งหมด มันบอก TypeScript ว่าค่าที่อยู่ตรงนี้เป็นข้อมูลชนิดใด
ตัวเลขก็เช่นกัน
ใช้ ": number" สำหรับตัวเลข และ ": boolean" สำหรับค่า true/false เป็นป้ายกำกับที่เรียบง่ายและเข้าใจง่าย
ช่วยปกป้องคุณ
หากนำข้อความไปใส่ในป้ายกำกับตัวเลข TypeScript จะบอกอย่างสุภาพว่า "เดี๋ยวก่อน นั่นไม่ถูกต้องนะ!" 🛡️
ป้ายกำกับไม่จำเป็นต้องมี
บ่อยครั้ง TypeScript จะคาดเดาชนิดข้อมูลให้คุณเอง คุณเพิ่มป้ายกำกับเฉพาะเมื่อมีประโยชน์เท่านั้น ไม่ต้องกดดัน!
อ่านเข้าใจได้ง่าย
ข้อความ "กำหนดให้ตัวแปรชื่อเป็นข้อความ" แทบจะอธิบายตัวเองอยู่แล้ว โค้ดที่ชัดเจนช่วยให้เรียนรู้ได้อย่างสบายใจ
ตรรกะเดิม ๆ
ลูป คำสั่งเงื่อนไข และฟังก์ชัน ทั้งหมดทำงานเหมือนใน JavaScript ทุกประการ ป้ายกำกับเป็นเพียงสิ่งใหม่ที่เพิ่มเข้ามาเท่านั้น
ลองเขียนภายหลัง
อีกไม่นานคุณจะได้เขียนป้ายกำกับของตนเองและดู TypeScript คอยแนะนำคุณ รับรองว่าสนุกจริง ๆ
คุณทำได้แล้ว! 🎉
คุณได้เห็น TypeScript ที่ใช้งานจริงและเข้าใจแล้ว นี่เป็นก้าวแรกที่สำคัญมาก ขอให้เดินหน้าต่อไป คุณกำลังไปได้ดีมาก!
ตรวจสอบความเข้าใจสั้น ๆ
ข้อสุดท้าย ใน "let name: string" ส่วน ": string" ทำหน้าที่อะไร
คำถามที่พบบ่อย
บทเรียน “ทำความรู้จัก TypeScript ครั้งแรก” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “ทำความรู้จัก TypeScript ครั้งแรก” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส TypeScript Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส TypeScript Academy มีบทเรียนทั้งหมด 3 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “ทำความรู้จัก TypeScript ครั้งแรก”
เขียนและเรียกใช้โค้ด TypeScript แรกของคุณ คุณปฏิบัติ TypeScript Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน TypeScript Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน TypeScript Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 3 จากทั้งหมด 3 บทเรียน
บทเรียน “ทำความรู้จัก TypeScript ครั้งแรก” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน TypeScript Academy นี้ได้ไหม
ได้ บทเรียน TypeScript Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- TypeScript คืออะไร
- ทำไม TypeScript จึงเหนือกว่า JS แบบธรรมดา
- ทำความรู้จัก TypeScript ครั้งแรก