简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim> Web-Frontend> js-Tutorial> Hauptteil

js实现异步循环实现代码_javascript技巧

WBOY
Freigeben： 2016-05-16 15:15:27
Original
1262 Leute haben es durchsucht

问题
实现异步循环时，你可能会遇到问题。

让我们试着写一个异步方法，一次循环打印一次循环的索引值。

Nach dem Login kopieren

如上程序的输出为：

5
5
5
5
5

原因

每次时间结束(timeout)都指向原始的i，而并非它的拷贝。所以，for循环使i增长到5，之后timeout运行并调用了当前i的值（也就是5）。

解决方法

有几个不同的方式可以拷贝i。最普通且常用方法是通过声明函数来建立一个闭包，并将i传给此函数。我们这里使用了自调用函数。

运行代码

Nach dem Login kopieren

输出

0
1
2
3
4

Verwandte Etiketten：
异步循环
Quelle：php.cn
Vorheriger Artikel：深入浅析AngularJS和DataModel_AngularJS Nächster Artikel：仅30行代码实现Javascript中的MVC_javascript技巧
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Wie liste ich Daten in einem Abschnitt nach ID mithilfe der While-Schleife in PHP auf? Ich habe eine MySQL-Tabelle mit diesen Spalten: Serien-ID, Serienfarbe, Produktname. In de...
Aus 2023-11-17 20:03:03
0
1
290
Senden Sie E-Mails mit Symfony Mailer Ich habe eine Neuinstallation von Symfony5.4 durchgeführt. Ich habe die Dokumentation befo...
Aus 2023-11-09 21:03:31
0
1
262
„Verwendung der v-for-Direktive zur Destrukturierung von Array-Elementen und Attributen' Ist es bei Verwendung eines Arrays von Objekten in einer V-for-Schleife möglich, gleichzei...
Aus 2023-11-05 17:37:54
0
1
216
So binden Sie das V-Modell an Methoden in Vue.js Ich lerne vuejs(3). Ich habe diese Schleife:
Aus 2023-11-05 16:36:26
0
1
193
Asynchrone Zusammensetzbarkeit von Nuxt 3 Ich habe das folgende asynchrone Composable in Nuxt3, aber es funktioniert nicht wie erwar...
Aus 2023-11-02 16:59:05
0
1
298
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！