Blog ini mendemonstrasikan cara kerja fungsi setTimeout() di TypeScript.
Bagaimana 'setTimeout' Bekerja di TypeScript?
“ setTimeout() ” digunakan untuk memperkenalkan penundaan dalam siklus eksekusi kode. Ini dapat digunakan untuk mengimplementasikan mekanisme yang memanggil fungsi ketika interval waktu tertentu dilewati. Ini sangat membantu ketika fungsi-fungsi diperlukan untuk dieksekusi setelah pola tertentu untuk mencegah kondisi kebuntuan.
Sintaksis
Sintaks untuk fungsi setTimeout() di TypeScript ditunjukkan di bawah ini:
setTimeout ( [ testCode ] , [ waktu ] , [ argumen 1 ] , ... )
“ Kode Tes ” adalah kode atau fungsi yang akan ditunda dalam siklus eksekusi untuk “ waktu ” dalam milidetik. Pengguna dapat memberikan beberapa argumen dalam fungsi 'setTimeout' untuk mengirim pesan atau teks ke ' Kode Tes ” berfungsi sesuai kebutuhan. Kunjungi contoh di bawah ini untuk penjelasan yang lebih baik.
Contoh 1: Memanggil Fungsi Setelah Penundaan
Dalam contoh ini, fungsi dibuat yang berisi ' konsol.log() ” metode yang akan dipanggil setelah periode waktu tertentu menggunakan “ setTimeout() ” di TypeScript, seperti yang ditunjukkan di bawah ini:
fungsi demo ( ) {menghibur. catatan ( 'Linuxint 2' ) ;
}
menghibur. catatan ( 'Linuxint 1' ) ;
setTimeout ( demo , 2000 ) ;
menghibur. catatan ( 'Linuxin 3' ) ;
Deskripsi kode di atas:
- Pertama, “ demo ” dibuat yang menampilkan pesan di konsol menggunakan tombol “ catatan() ' metode.
- Di luar isi fungsi, dua pesan konsol ditampilkan di konsol, dan pesan “ setTimeout() ” fungsi disisipkan di antaranya.
- Fungsi ini memanggil ' demo() ” dan waktu tunda diatur ke “ 2000 ”. Fungsi ini memanggil ' demo() ” berfungsi setelah 2000 milidetik.
Setelah kompilasi:
Outputnya menunjukkan bahwa pesan konsol ditampilkan menggunakan ' demo() ” fungsi ditampilkan setelah beberapa waktu “ 2000ms ”.
Contoh 2: Meneruskan Argumen melalui Fungsi setTimeout()
“ setTimeout() ” mendukung argumen yang dapat diteruskan ke fungsi atau kode yang ditentukan setelah waktu tunda, seperti yang ditunjukkan di bawah ini:
fungsi demo ( maju : rangkaian ) {menghibur. catatan ( 'Linux' + maju ) ;
}
menghibur. catatan ( 'Linuxint 1' ) ;
setTimeout ( demo , 2000 , '2' ) ;
menghibur. catatan ( 'Linuxin 3' ) ;
Dalam kode di atas:
- Pertama, “ demo ” fungsi didefinisikan yang menerima parameter tunggal bernama “ maju ”memiliki jenis“ rangkaian ”.
- Fungsi ini menampilkan teks tiruan di sepanjang nilai parametrik di konsol menggunakan tombol “ catatan() ' metode.
- Selanjutnya, beberapa metode console.log() digunakan dan tombol “ setTimeout() Fungsi ” juga digunakan dengan waktu tunda “ 2000 ” milidetik.
Setelah kompilasi:
Gif di atas menunjukkan bahwa fungsi dipanggil setelah interval waktu tertentu dan nilai parametrik telah dimasukkan ke dalam pesan konsol yang dikirimkan melalui ' setTimeout() ' fungsi.
Kesimpulan
Untuk menggunakan “ setTimeout() ” di TypeScript, berikan argumen pertama yang merupakan fungsi yang perlu dijalankan setelah interval waktu tertentu. Kemudian, masukkan argumen kedua dalam format numerik yang merupakan waktu tunda dalam milidetik setelah fungsi dijalankan. Argumen ketiga juga dapat digunakan untuk mengirimkan data ke fungsi yang dipilih. Artikel ini telah menunjukkan implementasi dari “ setTimeout() ” dalam TypeScript.