คู่มือนี้จะอธิบายว่าประเภทของฟังก์ชันสามารถระบุใน TypeScript ได้อย่างไร
จะระบุ 'ประเภท' ของฟังก์ชันใน TypeScript ได้อย่างไร
“ พิมพ์ ” คำหลักสอดคล้องกับประเภทของพารามิเตอร์/อาร์กิวเมนต์ของฟังก์ชันหรือค่าที่ส่งคืน เมื่อตั้งค่าประเภทด้วยพารามิเตอร์แล้ว ผู้ใช้จะไม่สามารถเพิ่มค่าประเภทอื่นเข้าไปได้
เริ่มจากตัวอย่างแรกกันก่อน
ตัวอย่างที่ 1: ระบุประเภทการส่งคืนของฟังก์ชัน
ตัวอย่างแรกนี้ระบุประเภทการส่งคืนของฟังก์ชันที่กำหนดซึ่งจำกัดฟังก์ชันนั้นให้ส่งคืนค่าของประเภทการส่งคืนที่ระบุเท่านั้น
รหัส
ใช้บรรทัดโค้ดเหล่านี้ในไฟล์ที่มีนามสกุล '.ts':
การทำงาน เวลา ( ) : ตัวเลข {
กลับ ใหม่ วันที่ ( ) . รับเวลา ( ) ;
}
คอนโซล บันทึก ( เวลา ( ) ) ;
ในบรรทัดโค้ดด้านบน:
- “ เวลา() ” ฟังก์ชันระบุถึง “ ตัวเลข ” ชนิดข้อมูลเป็นประเภทผลตอบแทนของฟังก์ชันนี้
- คำสั่ง 'ส่งคืน' นี้ใช้ ' วันที่ ” วัตถุที่เชื่อมโยงกับ “ รับเวลา () ” วิธีการส่งกลับวันที่และเวลาในหน่วยมิลลิวินาทีเป็น “ตัวเลข”
- สุดท้าย เรียกใช้ฟังก์ชันที่กำหนดไว้
เอาต์พุต
คอมไพล์ไฟล์ '.ts' โดยใช้คอมไพเลอร์ 'tsc' จากนั้นรันไฟล์ '.js' ที่คอมไพล์แล้ว:
ทีเอสซี หลัก. ท //รวบรวมโหนดหลัก จ //วิ่ง
ดังที่เห็น ฟังก์ชัน “Time()” ดึงค่าตัวเลขที่ระบุเนื่องจากประเภทการส่งคืนคือ “number”
ตัวอย่างที่ 2: ระบุประเภทพารามิเตอร์ของฟังก์ชัน
ตัวอย่างนี้ระบุชนิดของพารามิเตอร์ของฟังก์ชันเพื่อจำกัดไม่ให้ยอมรับค่าประเภทข้อมูลอื่น:
เพิ่มฟังก์ชั่น ( ก : หมายเลข ข : ตัวเลข ) : ตัวเลข{
กลับ ก + ข ;
}
คอนโซล บันทึก ( 'ผลรวมคือ:' + เพิ่ม ( 10 , ยี่สิบ ) ) ;
ในรหัสนี้:
- “ เพิ่ม() ” ฟังก์ชันใช้สองพารามิเตอร์ “ ก และ ข ” ประเภท “ ตัวเลข '.
- ฟังก์ชันนี้ส่งคืนค่าตัวเลขที่เป็นผลลัพธ์ของการดำเนินการทางคณิตศาสตร์ที่ระบุ เช่น “a+b”
- “ คอนโซล.ล็อก() ” วิธีการเรียก “ เพิ่ม() ” ฟังก์ชันส่งค่าอาร์กิวเมนต์ที่ระบุเป็น “ตัวเลข”
เอาต์พุต
ทีเอสซี หลัก. ทโหนดหลัก จ
ที่นี่ผลลัพธ์แสดงผลรวมของตัวเลขที่ระบุได้สำเร็จ
ตัวอย่างที่ 3: ประเภทของฟังก์ชันใน TypeScript และการระบุประเภทของฟังก์ชัน
ใน TypeScript ฟังก์ชันแบ่งออกเป็นสองประเภท: “ ชื่อว่า ' และ ' ไม่ระบุชื่อ '.
ชื่อฟังก์ชัน
“ ชื่อว่า ” ฟังก์ชันถูกประกาศโดยชื่อที่กำหนด ฟังก์ชันนี้อาจมีประเภทพารามิเตอร์ของฟังก์ชันหรือประเภทการส่งคืน การสาธิตสามารถดูภาพรวมได้ใน “ตัวอย่างที่ 2”
ไวยากรณ์
ชื่อฟังก์ชัน ( [ หาเรื่อง ] ) { }ฟังก์ชันนิรนาม
“ ไม่ระบุชื่อ ” ฟังก์ชันถูกกำหนดให้กับตัวแปรที่กำหนดแบบไดนามิกเป็นนิพจน์ ณ เวลาทำงาน มันทำงานเหมือนกับ Simple/Function ผู้ใช้สามารถเรียกใช้โดยใช้ชื่อตัวแปรที่กำหนดให้เรียกใช้ฟังก์ชันของฟังก์ชัน
ไวยากรณ์
ให้ผลลัพธ์ = การทำงาน ( [ หาเรื่อง ] ) { }ทีนี้มาสาธิตการใช้งานจริงกัน:
ให้ myFunc = การทำงาน ( x : หมายเลข y : ตัวเลข ) : ตัวเลข {กลับ x * และ ;
} ;
คอนโซล บันทึก ( myFunc ( 10 , 6 ) ) ;
ในบรรทัดโค้ดด้านบน:
- ตัวแปร “myFunc” กำหนดฟังก์ชันที่มีพารามิเตอร์ (พร้อมประเภท) และประเภทการส่งคืน
- คำสั่ง 'return' จะส่งคืนการคูณของค่าที่ส่งผ่าน
- “ คอนโซล.ล็อก() ” วิธีการเรียก “ฟังก์ชั่นนิรนาม” ด้วยความช่วยเหลือของตัวแปรที่กำหนด “ myFunc ” โดยส่งผ่านค่าที่ระบุเป็นอาร์กิวเมนต์
เอาต์พุต
ทีเอสซี หลัก. ทโหนดหลัก จ
ที่นี่ เอาต์พุตส่งคืนค่าประเภท 'ตัวเลข' เนื่องจากประเภทการส่งคืนของฟังก์ชันคือ 'ตัวเลข'
บทสรุป
ใน TypeScript ตัว “ พิมพ์ ” ของฟังก์ชันหมายถึงพารามิเตอร์ของฟังก์ชันหรือค่าส่งคืนตามชนิดข้อมูลในตัว ซึ่งฟังก์ชันรองรับเฉพาะค่าที่ระบุเท่านั้น คู่มือนี้อธิบายวิธีระบุ 'ประเภท' ของฟังก์ชันโดยใช้ TypeScript โดยสังเขป