115

Update

Delete

Back

Content ID	115
Category ID	1
Writer ID	(not set)
User ID	(not set)
Lang Mode	th
Content Name	TypeScript เบื้องต้น
Content Url	TypeScript-เบื้องต้น
Content Desc	<p data-pm-slice="1 1 []">TypeScript คือภาษาโปรแกรมมิ่งที่เป็น superset ของ JavaScript ซึ่งมีการพัฒนาโดย Microsoft และเปิดตัวครั้งแรกในปี 2012 โดยมีเป้าหมายเพื่อเพิ่มความมั่นใจในการพัฒนาโปรแกรมแบบไดนามิค และช่วยลดความผิดพลาดในโค้ด โดยใช้การตรวจสอบชนิดข้อมูล (Type Checking) ที่เป็นระบบแบบสแตติก (Static) ซึ่งจะช่วยป้องกันข้อผิดพลาดหลายประการเช่น การใช้งานตัวแปรที่ไม่ได้ประกาศไว้ หรือการเรียกใช้ฟังก์ชันด้วยจำนวนพารามิเตอร์ไม่ตรงกัน</p> <p>นอกจากนี้ TypeScript ยังมีความสามารถที่จะแยกชั้น (Layer) ของโปรแกรมได้ง่ายขึ้น และช่วยให้การพัฒนาโค้ดเป็นระเบียบมากขึ้น โดยสามารถกำหนด Type ให้กับข้อมูลต่าง ๆ เช่น ตัวแปร ฟังก์ชัน และ Object ซึ่งช่วยให้โปรแกรมมีความเข้าใจง่ายขึ้น และช่วยลดข้อผิดพลาดที่เกิดจากการใช้งานข้อมูลที่ไม่ถูกต้อง<br><br></p> <p>ซึ่งหมายความว่า TypeScript สามารถใช้งานร่วมกับ JavaScript ได้โดยไม่มีปัญหาใด ๆ และยังมีความสามารถเพิ่มเติมที่ไม่มีใน JavaScript เช่น การใช้งาน Type Annotations และ Interface</p> <p>Type Annotations เป็นการระบุชนิดของข้อมูลในตัวแปร ฟังก์ชัน หรืออ็อบเจ็กต์ ซึ่งช่วยให้โค้ดเป็นมิตรกับผู้เขียนและผู้อ่านโค้ดอื่น ๆ โดย Type Annotations จะช่วยให้ตรวจสอบความถูกต้องของโค้ดได้ก่อนที่จะรัน</p> <p>Interface ใน TypeScript เป็นการระบุโครงสร้างของอ็อบเจ็กต์ ซึ่งช่วยให้เราสามารถกำหนดรูปแบบของข้อมูลที่ต้องการใช้งานได้ และช่วยให้เราสามารถเขียนโค้ดที่มีความยืดหยุ่นและเข้าใจง่ายขึ้น</p> <p>ตัวอย่างการใช้งาน TypeScript:</p> <pre style="padding-left: 40px;"><code>interface User { <br> name: string; <br> age: number; <br> email: string;<br>}<br><br>function sendEmail(user: User, message: string) { <br> // ส่งอีเมล์ไปยังที่อยู่อีเมล์ของผู้ใช้ <br> console.log('ส่งอีเมล์ไปยัง ' + user.email); // แสดงข้อความที่ถูกส่งไปยังผู้ใช้ <br> console.log('ข้อความ: ' + message);<br>}<br><br>// สร้างอ็อบเจ็กต์ User<br><br>const user: User = { <br> name: 'John Doe', <br> age: 30, <br> email: 'johndoe@example.com'<br>};// เรียกใช้ฟังก์ชัน <br><br>sendEmailsendEmail(user, 'สวัสดี John');</code></pre> <p>ในตัวอย่างนี้ เรากำหนด Interface ชื่อ User ซึ่งมี properties คือ name (string) age (number) และ email (string) จากนั้น เราสร้างฟังก์ชัน sendEmail ซึ่งรับอ็อบเจ็กต์ User และข้อความที่ต้องการส่งบนอาร์กิวเมนต์ และแสดงผลลัพธ์ใน console โดยใช้ Type Annotations ในการระบุชนิดของข้อมูล</p> <p>สุดท้าย เราสร้างอ็อบเจ็กต์ User และเรียกใช้ฟังก์ชัน sendEmail โดยผ่านอ็อบเจ็กต์ User และข้อความที่ต้องการส่งบนอาร์กิวเมนต์</p> <p>สรุปคือ TypeScript คือภาษาโปรแกรมมิ่งที่เป็น superset ของ JavaScript ซึ่งมีการตรวจสอบชนิดข้อมูลแบบสแตติก (Static Type Checking) ที่จะช่วยป้องกันข้อผิดพลาดในโค้ด และช่วยให้การพัฒนาโค้ดเป็นระเบียบมากขึ้น นอกจากนี้ยังมีความสามารถในการแยกชั้น (Layer) ของโปรแกรมได้ง่ายขึ้น และช่วยให้โปรแกรมมีความเข้าใจง่ายขึ้น โดยสามารถกำหนด Type ให้กับข้อมูลต่าง ๆ เพื่อช่วยลดข้อผิดพลาดที่เกิดขึ้นได้มากขึ้น</p>
Content Short
Content View	3044
Content Thumb Highlight
Content Thumb	/uploads/article/mzS2S1N0OC.png
Content Img Alt	TypeScript เบื้องต้น
Content Tag	TypeScript ,Javascript
Content Date	(not set)
Active Status	1
Sort	99999
Meta Title	TypeScript เบื้องต้น
Meta Desc	TypeScript เบื้องต้น
Meta Keyword	TypeScript ,Javascript
Og Title	TypeScript เบื้องต้น
Og Desc	TypeScript เบื้องต้น
Status	1
Create Date Time	2023-03-24 10:59:21
Update Date Time	2023-03-24 10:59:21
Create By
Update By