👉 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 - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
同時也有10000部Youtube影片,追蹤數超過2,910的網紅コバにゃんチャンネル,也在其Youtube影片中提到,...
「typescript is number」的推薦目錄:
- 關於typescript is number 在 BorntoDev Facebook 的精選貼文
- 關於typescript is number 在 コバにゃんチャンネル Youtube 的精選貼文
- 關於typescript is number 在 大象中醫 Youtube 的最讚貼文
- 關於typescript is number 在 大象中醫 Youtube 的最讚貼文
- 關於typescript is number 在 In Typescript, How to check if a string is Numeric - Stack ... 的評價
- 關於typescript is number 在 TypeScript Number 的評價
- 關於typescript is number 在 Number | typescript - v3.7.7 的評價
- 關於typescript is number 在 ChainSafe/fixed-sized-numbers-ts - GitHub 的評價
- 關於typescript is number 在 Primitive Types in TypeScript (number, string, boolean ... 的評價
typescript is number 在 コバにゃんチャンネル Youtube 的精選貼文
typescript is number 在 大象中醫 Youtube 的最讚貼文
typescript is number 在 大象中醫 Youtube 的最讚貼文
typescript is number 在 TypeScript Number 的推薦與評價
All numbers in TypeScript are either floating-point values or big integers. The floating-point numbers have the type number while the big integers get the ... ... <看更多>
typescript is number 在 Number | typescript - v3.7.7 的推薦與評價
Defined in node_modules/typedoc/node_modules/typescript/lib/lib.es5.d.ts:559. Returns a string containing a number represented in exponential notation. ... <看更多>
typescript is number 在 In Typescript, How to check if a string is Numeric - Stack ... 的推薦與評價
... <看更多>
相關內容