# การใช้งาน Return Value จากฟังก์ชันใน TypeScript อย่างง่ายๆ
TypeScript เป็นภาษาโปรแกรมมิ่งที่พัฒนามาจาก JavaScript โดยเพิ่มความสามารถในการกำหนดประเภทของตัวแปร (type annotations) ทำให้การเขียนโค้ดเป็นเรื่องที่ชัดเจน และสะดวกสบายยิ่งขึ้น หนึ่งในคุณสมบัติที่ทำให้ TypeScript โดดเด่นคือการจัดการกับค่าที่ฟังก์ชันคืนกลับ (return value) ซึ่งช่วยให้ผู้ใช้งานสามารถตรวจสอบและรับประกันได้ว่าค่าที่ได้จะเป็นประเภทใด. ต่อไปนี้คือตัวอย่างการใช้งาน return value จากฟังก์ชันใน TypeScript พร้อมอธิบายการทำงานและแสดง use case ในโลกจริง:
function getGreeting(name: string): string {
return `Hello, ${name}!`;
}
const greeting = getGreeting('Alice');
console.log(greeting); // Output: Hello, Alice!
ในตัวอย่างนี้ `getGreeting` เป็นฟังก์ชันที่รับพารามิเตอร์ `name` และคืนค่าประเภท `string` ซึ่งเป็นข้อความทักทายที่มีชื่อของบุคคลที่เราต้องการทักทายด้วย.
function calculateArea(width: number, height: number): number {
return width * height;
}
const area = calculateArea(10, 20);
console.log(area); // Output: 200
ฟังก์ชัน `calculateArea` ในที่นี้คืนค่าเป็น `number` ซึ่งเป็นผลลัพธ์จากการคำนวณพื้นที่ของสี่เหลี่ยมผืนผ้าด้วยการคูณความกว้าง (`width`) กับความสูง (`height`).
interface User {
id: number;
name: string;
}
function createUser(id: number, name: string): User {
return { id, name };
}
const newUser = createUser(1, 'Bob');
console.log(newUser); // Output: { id: 1, name: 'Bob' }
ประเภทข้อมูล `User` ที่เป็น interface ถูกใช้เพื่อกำหนดรูปแบบของข้อมูลที่ฟังก์ชัน `createUser` จะคืนค่ากลับไป.
Usecase ในโลกจริง
การจัดการกับค่าที่คืนกลับจากฟังก์ชันมีความสำคัญที่ไม่แพ้กัน. สมมติว่าคุณพัฒนาแอปพลิเคชันด้านการเงินที่ต้องโอนเงินระหว่างบัญชี ฟังก์ชันที่ช่วยในการคำนวณยอดเงินที่คงเหลือหลังจากการโอนจะมีลักษณะดังนี้:
function transfer(
balance: number,
amountToTransfer: number): number | Error {
if (amountToTransfer <= 0) {
return new Error("The amount to transfer should be greater than zero.");
}
if (balance < amountToTransfer) {
return new Error("Insufficient balance.");
}
return balance - amountToTransfer;
}
const result = transfer(1000, 200);
if (result instanceof Error) {
console.error(result.message);
} else {
console.log(`Remaining balance: ${result}`);
}
เมื่อผู้ใช้งานฟังก์ชัน `transfer` โดยใส่จำนวนเงินที่ทั้งถูกต้องและไม่ถูกต้อง ด้วยการทำงานที่เชื่อถือได้ของ TypeScript ทำให้เรามั่นใจได้ว่าจะได้ผลลัพธ์ที่สอดคล้องกับสถานการณ์การทำงานจริง.
ในการเรียนรู้การเขียนโปรแกรม การเข้าใจหลักการและวิธีการใช้ค่าที่คืนค่าจากฟังก์ชันเป็นเรื่องที่ควรให้ความสำคัญ. ที่ Expert-Programming-Tutor (EPT) เราได้จัดเตรียมหลักสูตรที่จะช่วยให้คุณสามารถจับต้องหลักการพื้นฐานได้อย่างแจ่มแจ้ง และนำไปประยุกต์ใช้ในการพัฒนาซอฟต์แวร์ในระดับสูง ไม่ว่าจะเป็นการพัฒนาเว็บแอปพลิเคชัน หรือ โมบายล์แอปพลิเคชัน ที่ EPT คุณจะได้เรียนรู้ทักษะใหม่ๆ และยกระดับความสามารถโปรแกรมมิ่งของคุณให้สู่ระดับสุดยอด.
หมายเหตุ: ข้อมูลในบทความนี้อาจจะผิด โปรดตรวจสอบความถูกต้องของบทความอีกครั้งหนึ่ง บทความนี้ไม่สามารถนำไปใช้อ้างอิงใด ๆ ได้ ทาง EPT ไม่ขอยืนยันความถูกต้อง และไม่ขอรับผิดชอบต่อความเสียหายใดที่เกิดจากบทความชุดนี้ทั้งทางทรัพย์สิน ร่างกาย หรือจิตใจของผู้อ่านและผู้เกี่ยวข้อง
หากมีข้อผิดพลาด/ต้องการพูดคุยเพิ่มเติมเกี่ยวกับบทความนี้ กรุณาแจ้งที่ http://m.me/Expert.Programming.Tutor
085-350-7540 (DTAC)
084-88-00-255 (AIS)
026-111-618
หรือทาง EMAIL: NTPRINTF@GMAIL.COM