บล็อกนี้สาธิตการทำงานของฟังก์ชัน setTimeout() ใน TypeScript
“ setTimeout” ทำงานใน TypeScript อย่างไร
“ setTimeout() ฟังก์ชัน ” ใช้เพื่อแนะนำการหน่วงเวลาในวงจรการเรียกใช้โค้ด สามารถใช้เพื่อใช้กลไกที่เรียกใช้ฟังก์ชันเมื่อผ่านช่วงเวลาหนึ่ง สิ่งนี้ช่วยได้มากเมื่อจำเป็นต้องดำเนินการฟังก์ชั่นหลังจากรูปแบบบางอย่างเพื่อป้องกันเงื่อนไขการหยุดชะงัก
ไวยากรณ์
ไวยากรณ์สำหรับฟังก์ชัน setTimeout() ใน TypeScript แสดงอยู่ด้านล่าง:
ตั้งหมดเวลา ( [ รหัสทดสอบ ] , [ เวลา ] , [ หาเรื่อง 1 ] , ... )
“ รหัสทดสอบ ” คือรหัสหรือฟังก์ชันที่จะล่าช้าในรอบการดำเนินการสำหรับ “ เวลา ” ในหน่วยมิลลิวินาที ผู้ใช้สามารถส่งอาร์กิวเมนต์หลายรายการในฟังก์ชัน 'setTimeout' เพื่อส่งข้อความหรือข้อความไปที่ ' รหัสทดสอบ ” ฟังก์ชั่นตามต้องการ เยี่ยมชมตัวอย่างด้านล่างสำหรับคำอธิบายที่ดีขึ้น
ตัวอย่างที่ 1: การเรียกใช้ฟังก์ชันหลังจากหน่วงเวลา
ในตัวอย่างนี้ มีการสร้างฟังก์ชันที่มี “ คอนโซล.ล็อก() ” วิธีการที่จะเรียกหลังจากช่วงเวลาหนึ่งโดยใช้ “ setTimeout() ” ใน TypeScript ดังแสดงด้านล่าง:
การทำงาน การสาธิต ( ) {คอนโซล บันทึก ( 'ลินุกซ์ 2' ) ;
}
คอนโซล บันทึก ( 'ลินุกซ์ 1' ) ;
ตั้งหมดเวลา ( การสาธิต , 2543 ) ;
คอนโซล บันทึก ( 'ลินุกซ์ 3' ) ;
คำอธิบายของรหัสด้านบน:
- ประการแรก “ การสาธิต ” สร้างฟังก์ชันที่แสดงข้อความบนคอนโซลโดยใช้ปุ่ม “ บันทึก() ' วิธี.
- ภายนอกเนื้อหาของฟังก์ชัน ข้อความคอนโซลสองข้อความจะแสดงบนคอนโซล และข้อความ “ setTimeout() ” ฟังก์ชั่นแทรกอยู่ระหว่างพวกเขา
- ฟังก์ชันนี้กำลังเรียกใช้ ' การสาธิต() ” ฟังก์ชันและตั้งเวลาหน่วงเวลาเป็น “ 2543 '. ฟังก์ชันนี้เรียก “ การสาธิต() ” ฟังก์ชันหลังจาก 2,000 มิลลิวินาที
หลังจากรวบรวม:
ผลลัพธ์แสดงว่าข้อความคอนโซลแสดงโดยใช้ ' การสาธิต() ” ฟังก์ชันจะแสดงขึ้นหลังจากผ่านไประยะหนึ่ง “ 2000ms '.
ตัวอย่างที่ 2: การส่งผ่านอาร์กิวเมนต์ผ่านฟังก์ชัน setTimeout()
“ setTimeout() ” รองรับอาร์กิวเมนต์ที่สามารถส่งผ่านไปยังฟังก์ชันหรือโค้ดที่ระบุหลังจากเวลาหน่วงดังที่แสดงด้านล่าง:
การทำงาน การสาธิต ( ซึ่งไปข้างหน้า : สตริง ) {คอนโซล บันทึก ( 'ลีนุกซ์' + ซึ่งไปข้างหน้า ) ;
}
คอนโซล บันทึก ( 'ลินุกซ์ 1' ) ;
ตั้งหมดเวลา ( การสาธิต , 2543 , '2' ) ;
คอนโซล บันทึก ( 'ลินุกซ์ 3' ) ;
ในรหัสด้านบน:
- ประการแรก “ การสาธิต ” มีการกำหนดฟังก์ชันซึ่งรับพารามิเตอร์เดียวชื่อ “ ซึ่งไปข้างหน้า ” มีประเภท “ สตริง '.
- ฟังก์ชันนี้แสดงข้อความจำลองตามค่าพาราเมตริกบนคอนโซลโดยใช้ปุ่ม ' บันทึก() ' วิธี.
- ถัดไป ใช้หลายวิธี console.log() และ ' setTimeout() ” ฟังก์ชันยังใช้โดยมีเวลาหน่วงของ “ 2543 ” มิลลิวินาที
หลังจากรวบรวม:
gif ด้านบนแสดงว่าฟังก์ชันถูกเรียกใช้หลังจากช่วงเวลาที่กำหนด และค่าพารามิเตอร์ถูกแทรกในข้อความคอนโซลที่ส่งผ่าน ' setTimeout() ' การทำงาน.
บทสรุป
เมื่อต้องการใช้ “ setTimeout() ” ฟังก์ชันใน TypeScript ส่งผ่านอาร์กิวเมนต์แรกซึ่งเป็นฟังก์ชันที่ต้องดำเนินการหลังจากช่วงเวลาที่กำหนด จากนั้นใส่อาร์กิวเมนต์ที่สองในรูปแบบตัวเลขซึ่งเป็นเวลาหน่วงในหน่วยมิลลิวินาทีหลังจากที่ฟังก์ชันถูกเรียกใช้งาน อาร์กิวเมนต์ที่สามยังสามารถใช้เพื่อส่งข้อมูลไปยังฟังก์ชันที่เลือก บทความนี้ได้แสดงให้เห็นถึงการนำ “ setTimeout() ” ฟังก์ชันใน TypeScript