כיצד פועל setTimeout ב-TypeScript?

Kyzd Pw L Settimeout B Typescript



ב-TypeScript, נעשה שימוש בתכנות אסינכרוני לביצוע המשימות המתוזמנות. ה ' setTimeout() ” היא פונקציה אסינכרונית המסייעת למתכנתים לנהל משימות כמו פונקציונליות התנתקות. בנוסף, הוא מונע את תנאי המבוי הסתום שעלולים להיגרם כאשר מספר פונקציות מנסות לגשת לאותה שורת קוד בו זמנית.

בלוג זה מדגים את פעולת הפונקציה setTimeout() ב-TypeScript.

כיצד פועל 'setTimeout' ב-TypeScript?

ה ' setTimeout() הפונקציה משמשת כדי להציג עיכובים במחזור ביצוע הקוד. ניתן להשתמש בו כדי ליישם מנגנון הקורא לפונקציה כאשר מרווח זמן מסוים עובר. זה עוזר מאוד כאשר יש צורך לבצע את הפונקציות לאחר דפוס מסוים כדי למנוע מצב מסוג מבוי סתום.







תחביר



התחביר עבור הפונקציה setTimeout() ב-TypeScript מוצג להלן:



setTimeout ( [ testCode ] , [ זְמַן ] , [ args 1 ] , ... )

ה ' TestCode ' הוא הקוד או הפונקציה שעומדים להתעכב במחזור הביצוע עבור ' זְמַן ' באלפיות שניות. משתמשים יכולים להעביר ארגומנטים מרובים בפונקציית 'setTimeout' כדי לשלוח הודעה או טקסט אל ' TestCode ' לתפקד כנדרש. בקר בדוגמאות שלהלן לקבלת הסבר טוב יותר.





דוגמה 1: פונקציית קריאה לאחר השהיה

בדוגמה זו נוצרת הפונקציה המכילה את ' console.log() ' שיטה אשר תיקרא לאחר פרק זמן מסוים באמצעות ' setTimeout() ' פונקציה ב-TypeScript, כפי שמוצג להלן:

פוּנקצִיָה הַדגָמָה ( ) {
לְנַחֵם. עֵץ ( 'לינוקסינט 2' ) ;
}
לְנַחֵם. עֵץ ( 'לינוקסינט 1' ) ;
setTimeout ( הַדגָמָה , 2000 ) ;
לְנַחֵם. עֵץ ( 'לינוקסינט 3' ) ;

תיאור הקוד לעיל:



  • קודם ה ' הַדגָמָה נוצרת פונקציה שמציגה את ההודעה בקונסולה באמצעות ' עֵץ() ' שיטה.
  • מחוץ לגוף הפונקציה, שתי הודעות מסוף מוצגות בקונסולה, וה-' setTimeout() ' פונקציה מוכנסת ביניהם.
  • פונקציה זו מפעילה את ' הַדגָמָה() ' פונקציה וזמן ההשהיה מוגדר ל' 2000 '. פונקציה זו מפעילה את ' הַדגָמָה() ' פונקציה לאחר 2000 אלפיות השנייה.

לאחר הקומפילציה:

הפלט מראה שהודעת המסוף המוצגת באמצעות ' הַדגָמָה() פונקציית ' מוצגת לאחר זמן מה ' 2000 אלפיות השנייה '.

דוגמה 2: העברת ארגומנט באמצעות הפונקציה setTimeout()

ה ' setTimeout() ” תומך בארגומנט שניתן להעביר לפונקציה או לקוד שצוינו לאחר זמן ההשהיה, כפי שמוצג להלן:

פוּנקצִיָה הַדגָמָה ( קָדִימָה : חוּט ) {
לְנַחֵם. עֵץ ( 'לינוקס' + קָדִימָה ) ;
}
לְנַחֵם. עֵץ ( 'לינוקסינט 1' ) ;
setTimeout ( הַדגָמָה , 2000 , '2' ) ;
לְנַחֵם. עֵץ ( 'לינוקסינט 3' ) ;

בקוד למעלה:

  • קודם ה ' הַדגָמָה מוגדרת פונקציה שמקבלת פרמטר בודד בשם ' קָדִימָה 'בעל סוג של' חוּט '.
  • פונקציה זו מציגה את טקסט הדמה לאורך הערך הפרמטרי בקונסולה באמצעות ' עֵץ() ' שיטה.
  • לאחר מכן, נעשה שימוש במספר שיטות console.log() וה-' setTimeout() הפונקציה משמשת גם עם זמן ההשהיה של ' 2000 ' אלפיות שניות.

לאחר הקומפילציה:

ה-GIF שלמעלה מראה שהפונקציה הופעלה לאחר מרווח זמן מוגדר והערך הפרמטרי הוכנס להודעת המסוף שהועברה באמצעות ' setTimeout() ' פונקציה.

סיכום

כדי להשתמש ב' setTimeout() ” פונקציה ב-TypeScript, העבר את הארגומנט הראשון שהוא הפונקציה שצריך להפעיל לאחר מרווח זמן מסוים. לאחר מכן, הכנס את הארגומנט השני בפורמט מספרי שהוא זמן ההשהיה באלפיות שניות שלאחריו הפונקציה מבוצעת. ניתן להשתמש בארגומנט השלישי גם כדי לשלוח את הנתונים לפונקציה שנבחרה. מאמר זה הדגים את היישום של ' setTimeout() ' הפונקציה ב-TypeScript.