👉 Any และ Unknown เป็นการประกาศตัวแปรแบบไม่กำหนด Type ในภาษา TypeScript ซึ่งตัวแปรจะเป็น Type ใด ๆ ก็ได้นั่นเอง แล้วทั้งสองมันใช้งานแตกต่างกันยังไง มาหาคำตอบไปพร้อมกันเลยจ้า !!
.
🌟 Any - สามารถกำหนดค่าของตัวแปรให้เป็น Type ใด ๆ ก็ได้ ใช้เมื่อเวลาเราไม่สามารถทราบแน่ชัดว่าจะใช้ Type ของตัวแปรเป็นอะไร
.
👨💻 ตัวอย่างโค้ด
let x : number;
let y : any;
y = 'This is string.';
y = 99;
x = y;
console.log(x); // output => 99
.
จากโค้ดกำหนดให้ x เป็น Number และ y เป็น Any ต่อมาให้ y เท่ากับ String และ Number และให้ x เท่ากับ y ดังนั้นค่าของ x จะอิงตาม Type ที่เคยกำหนดไว้ในตอนแรก คือ number นั่นเอง ผลลัพธ์จึงเป็น 99
.
🌟 Unknown - เป็น Type Safe ของ Any ซึ่ง Unknown จะต้องเช็คค่าของ Type ก่อนการนำตัวแปรไปใช้งาน หากค่าไม่ตรงจะเกิด Error
.
👨💻 ตัวอย่างโค้ด
let x : number;
let y : unknown;
y = 'This is string.';
y = 99;
x = y;
.
จากโค้ด x จะ Error ดังนั้นจำเป็นต้องตรวจสอบ Type ให้กับ Unknown ก่อนนั่นเอง
.
let x: number;
let y: unknown;
y = 'This is string';
y = 99;
if(typeof y === 'number') {
x = y;
console.log(x); //output => 99
}
.
🌈 Unknown ดีกว่าการใช้ Any เพราะสามารถแน่ใจว่าตัวแปรนั้น ๆ ที่ได้รับมามี Property ตรงตามความต้องการ เพราะมีการเช็ค Type ก่อน
.
👉 ซึ่งทั้งสองเหมาะกับงานรับ-ส่งค่าจาก API เพราะเราไม่สามารถทราบ Type ของข้อมูลจากต้นทางนั่นเอง
.
พอจะเห็นความแตกต่างของทั้งสองกันแล้วเนอะ เพื่อน ๆ ก็ไปเลือกใช้ให้เหมาะสมกับงานด้วยนะ หวังว่าจะเป็นประโยชน์น้าาาา 🥰
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
typescript type 在 Interfaces vs Types in TypeScript - Stack Overflow 的推薦與評價
... <看更多>
相關內容