อะไรทำให้ TypeScript มีความสำคัญต่อการเรียนรู้

Nov 27 2022
วันนี้เราจะมาดูกันว่าทำไมคุณควรเรียน TypeScript TypeScript มีประโยชน์อย่างไร? เฮ้! ส่วนหน้าของฉัน - เพื่อน! หากคุณไม่แน่ใจว่าจะเรียนรู้ typeScript หรือไม่ แสดงว่าคุณมาถูกที่แล้ว

วันนี้เราจะมาดูกันว่าทำไมคุณควรเรียน TypeScript TypeScript มีประโยชน์อย่างไร?

เฮ้! ส่วนหน้าของฉัน - เพื่อน!

หากคุณไม่แน่ใจว่าจะเรียนรู้ typeScript หรือไม่ แสดงว่าคุณมาถูกที่แล้ว คุณไม่จำเป็นต้องอ่านอีกต่อไปหลังจากอ่านบทความนี้แล้ว เนื่องจากคุณจะเข้าใจว่า typeScript สามารถทำอะไรให้คุณได้บ้าง

ลองใช้ตัวอย่างเพื่ออธิบายแต่ละประเด็นตามลำดับ

การตรวจสอบประเภทแบบคงที่

ส่วนใหญ่จะใช้ typescript เพื่อป้องกันข้อผิดพลาดรันไทม์ เราสามารถเพิ่มการตรวจสอบประเภทคงที่ในรหัสของเราได้โดยใช้ typescript ซึ่งน่าทึ่งมาก

ลองมาเป็นตัวอย่าง

เกิดข้อผิดพลาดในการขว้างปาขณะเรียกสตริง

ในขั้นแรก เราจะประกาศข้อความเป็นสตริงก่อนที่จะเรียกมัน เนื่องจากอย่างที่เราทราบกันดีว่าไม่สามารถเรียกสตริงได้ ( โปรเจกต์ขนาดใหญ่อาจทำให้ยากต่อการจำประเภทของตัวแปร (สตริง ฟังก์ชัน ฯลฯ) ดังนั้นเราจึงมักทำผิดพลาดกับประเภทต่างๆ )

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

ความล้มเหลวที่ไม่มีข้อยกเว้น

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

ลองมาเป็นตัวอย่าง

ในวัตถุบุคคล เรากำลังพยายามเข้าถึงคุณสมบัติที่person.locationไม่ได้กำหนดไว้

ในจาวาสคริปต์ คุณจะพบundefinedว่าบางครั้งทำให้โค้ดของเราเสียหาย
แต่ใน Typescript คุณจะได้รับแจ้งทันที

เมื่อพยายามเข้าถึงคุณสมบัติที่ไม่ได้กำหนดไว้ ts จะแสดงข้อผิดพลาด

ความผิดพลาด

typescript ยังป้องกันการพิมพ์ผิด

ts เกิดข้อผิดพลาดขณะเพิ่มคุณสมบัติที่ไม่มีอยู่

คุณจะค้นหาคำที่พิมพ์ผิดได้เร็วแค่ไหน.. typescript ช่วยให้เราหลีกเลี่ยงการพิมพ์ผิดดังกล่าว

ประเภทที่ชัดเจน

จนถึงตอนนี้ เรายังไม่ได้บอก TypeScript เกี่ยวกับประเภทตัวแปร เช่น “ตัวแปรต้องเป็นสตริง ตัวเลข บูลีน ฯลฯ”

ลองทำความเข้าใจด้วยตัวอย่าง

ที่นี่เราได้เพิ่มคำอธิบายประกอบประเภทและเพื่อpersonอธิบายdateว่าค่าประเภทใดที่greetสามารถเรียกใช้ได้ คุณสามารถเข้าใจ ได้ว่าเป็นบุคคลประเภท string และ a dateof typeDate

ด้วยวิธีนี้ TypeScript สามารถบอกเราเกี่ยวกับกรณีอื่นๆ ที่greetอาจถูกเรียกใช้อย่างไม่ถูกต้อง ตัวอย่างเช่น…

ts กำลังส่งข้อผิดพลาดขณะส่งบูลีนไปยังสตริงที่พิมพ์

tscคอมไพเลอร์ TypeScript

เบราว์เซอร์ไม่เข้าใจ typescript ดังนั้นเราต้องคอมไพล์ให้เป็น js โดยใช้คอมไพเลอร์ tsc

npm install -g typescript

คุณสามารถรวบรวมไฟล์ของคุณ

tsc <your file name>

หวังว่าคุณจะชอบมัน

มีความสุขในการเข้ารหัส!

ต้องการให้คำแนะนำ:-

พบฉันในLinkedIn Twitter

ส่งอีเมลถึงฉันที่[email protected]