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

การกำหนดชนิดข้อมูลพารามิเตอร์ this; void และ never

กำหนดชนิดข้อมูลให้พารามิเตอร์พิเศษ this ทำความเข้าใจ this แบบอิงขอบเขตด้วยฟังก์ชันลูกศร และเรียนรู้ว่าเมื่อใดควรคืนค่า void หรือ never

การกำหนดชนิดข้อมูลพารามิเตอร์ this; void และ never เป็นบทเรียน TypeScript Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 2 จากทั้งหมด 3 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน TypeScript Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส TypeScript Academy มีบทเรียนทั้งหมด 3 บทเรียน

บทนำ

เป้าหมาย: กำหนดชนิดให้พารามิเตอร์ตัวรับพิเศษ เรียนรู้ว่าฟังก์ชันลูกศรจับตัวรับตามขอบเขตอย่างไร และเลือกใช้ ไม่มีค่า (ไม่มีค่าใด) หรือ ไม่หวนกลับ (ไม่มีการคืนค่า)

การกำหนดชนิดพารามิเตอร์ตัวรับ

เพิ่มพารามิเตอร์นำหน้าชื่อ ตัวรับ เพื่อกำหนดชนิดของตัวรับที่คาดไว้ พารามิเตอร์นี้ไม่ใช่อาร์กิวเมนต์จริง และใช้ได้เฉพาะกับฟังก์ชันที่ไม่ใช่ฟังก์ชันลูกศร

function setTitle(this: { title: string }, t: string): void {
  this.title = t;
}

const model = { title: "Old" };
setTitle.call(model, "New");
console.log(model.title);

ฟังก์ชันลูกศรและตัวรับตามขอบเขต

ฟังก์ชันลูกศร จับค่าตัวรับจากขอบเขตโดยรอบตามหลักศัพท์ จึงไม่สามารถประกาศพารามิเตอร์ตัวรับได้

const counter = {
  n: 0,
  tick: function () {
    setTimeout(() => {
      // Arrow keeps outer this (counter)
      this.n++;
      console.log(this.n);
    }, 0);
  },
};

counter.tick();

ค่าที่ส่งคืนแบบไม่มีค่า

ไม่มีค่า หมายความว่าฟังก์ชันไม่ส่งคืนค่าที่มีความหมาย ผู้เรียกใช้ไม่ควรนำผลลัพธ์ไปใช้งาน

function logMsg(msg: string): void {
  console.log(msg);
}

const r = logMsg("hello"); // r is void (ignored)
// Returning a value here would error when annotated as void

การส่งคืนแบบไม่หวนกลับ

ไม่หวนกลับ ระบุว่าฟังก์ชันไม่ส่งคืนค่า เพราะโยนข้อผิดพลาดหรือวนซ้ำไม่สิ้นสุด มีประโยชน์สำหรับการตรวจสอบให้ครบทุกกรณีและเส้นทางโค้ดที่เป็นไปไม่ได้

function fail(message: string): never {
  throw new Error(message);
}

function loopForever(): never {
  while (true) {}
}

// Calling either function never returns

แนวทางปฏิบัติที่ดี

เคล็ดลับ:

  • ใช้พารามิเตอร์ ตัวรับ เฉพาะกับฟังก์ชันที่ไม่ใช่ฟังก์ชันลูกศรและต้องพึ่งพาตัวรับ
  • เลือกใช้ฟังก์ชันลูกศรเป็นฟังก์ชันเรียกกลับเพื่อหลีกเลี่ยงการสูญเสียตัวรับ
  • ระบุ ไม่มีค่า สำหรับฟังก์ชันที่มีผลข้างเคียง และใช้ ไม่หวนกลับ สำหรับการโยนข้อผิดพลาด การวนซ้ำ หรือการตรวจสอบให้ครบทุกกรณี

ตรวจสอบพารามิเตอร์ตัวรับ

ตรวจสอบอย่างรวดเร็ว: ข้อความใดเกี่ยวกับพารามิเตอร์ “ตัวรับ” ที่เป็น TRUE

สรุปทบทวน

สรุปทบทวน: กำหนดชนิดของตัวรับด้วยพารามิเตอร์ตัวรับในฟังก์ชันที่ไม่ใช่ฟังก์ชันลูกศร อาศัยฟังก์ชันลูกศรสำหรับตัวรับตามขอบเขต และใช้ ไม่มีค่า กับ ไม่หวนกลับ ให้เหมาะสม

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

บทเรียน “การกำหนดชนิดข้อมูลพารามิเตอร์ this; void และ never” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “การกำหนดชนิดข้อมูลพารามิเตอร์ this; void และ never” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส TypeScript Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส TypeScript Academy มีบทเรียนทั้งหมด 3 บทเรียน

คุณจะเรียนรู้อะไรในบทเรียน “การกำหนดชนิดข้อมูลพารามิเตอร์ this; void และ never”

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

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

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

บทเรียน “การกำหนดชนิดข้อมูลพารามิเตอร์ this; void และ never” ใช้เวลานานแค่ไหน

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

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

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

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

  1. โอเวอร์โหลดฟังก์ชันและลายเซ็นการเรียกใช้
  2. การกำหนดชนิดข้อมูลพารามิเตอร์ this; void และ never
  3. ฟังก์ชันยืนยันและตัวตรวจชนิดข้อมูลที่ผู้ใช้กำหนด
← กลับไปที่ TypeScript Academy