TypeScript:
การจัดระเบียบโค้ดเข้าไปในฟังก์ชัน

วิธีการ:

ลองนึกภาพว่าคุณกำลังทำเครื่องคิดเลขพื้นฐาน แทนที่จะเขียนโลจิกการบวกไว้ทุกที่ที่คุณต้องการใช้งาน สร้างฟังก์ชัน add ดังนี้:

function add(x: number, y: number): number {
  return x + y;
}

console.log(add(5, 7)); // ผลลัพธ์ตัวอย่าง: 12

ตอนนี้ เราสมมติว่าเราต้องการฟังก์ชันหนึ่งเพื่อคูณ:

function multiply(x: number, y: number): number {
  return x * y;
}

console.log(multiply(3, 4)); // ผลลัพธ์ตัวอย่าง: 12

สังเกตวิธีที่เราระบุความรับผิดชอบให้แต่ละฟังก์ชัน? นั่นคือหลักการสำคัญในการจัดระเบียบโค้ด

ลงลึก

ด้วยประวัติศาสตร์การพัฒนาภาษาโปรแกรม ฟังก์ชันกลายเป็นสิ่งสำคัญในการจัดโครงสร้างโค้ด โดยอิงจากฟังก์ชันทางคณิตศาสตร์ พวกเขาเป็นส่วนสำคัญในการเขียนโปรแกรมเชิงกระบวนการและยังคงมีชีวิตอยู่ในแบบฉบับการเขียนโปรแกรมเชิงวัตถุและเชิงฟังก์ชัน

ทางเลือก? คุณอาจจะเลือกไม่ใช้ฟังก์ชันเลย แต่นั่นคือหนทางสู่เมืองสปาเก็ตตี้ หรือคุณอาจใช้ OOP (Object-Oriented Programming) และบรรจุฟังก์ชั่นโฟกัสลงในเมท็อด—ซึ่งโดยพื้นฐานแล้วเป็นฟังก์ชันที่เป็นของออบเจกต์

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

ดูเพิ่มเติม

ตรวจสอบทรัพยากรเหล่านี้เพื่อยกระดับฟังก์ชันของคุณ:

• คู่มือ TypeScript – ฟังก์ชัน: ไบเบิลสำหรับฟังก์ชัน TypeScript ของคุณ
• Clean Code JavaScript: ประยุกต์ใช้หลักการของ Clean Code กับฟังก์ชัน JavaScript ของคุณ
• You Don’t Know JS – Scope & Closures: ทำความเข้าใจว่าฟังก์ชันทำงานกับขอบเขตและปิดบังใน JavaScript อย่างไร