communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > Problèmes auxquels vous devez prêter attention lors de l'utilisation de la fonction de fermeture des astuces setTimeout()_javascript de Javascript

Problèmes auxquels vous devez prêter attention lors de l'utilisation de la fonction de fermeture des astuces setTimeout()_javascript de Javascript

WBOY
Libérer： 2016-05-16 16:35:53
original
1452 Les gens l'ont consulté

setTimeout est souvent utilisé pour retarder l'exécution d'une certaine fonction. L'utilisation est :

.

Copier le code Le code est le suivant :

setTimeout(function(){
…
}, délai d'attente);

Parfois setTimeout(function...,0) est utilisé pour le traitement asynchrone par exemple :

Copier le code Le code est le suivant :

fonction f(){
… // préparez-vous
setTimeout(function(){
…. // faire quelque chose
}, 0);

revenir …;
>

La fonction f revient avant le processeur de fonction défini par setTimeout

Soyez particulièrement prudent lorsque vous utilisez un traitement asynchrone, en particulier lorsque vous utilisez des fonctionnalités de fermeture

 ;

Par exemple :

Copier le code Le code est le suivant :

pour(var je = 0; je < 10; je ){
setTimeout(function(){
console.log(i);
}, 0);
>

Pour les étudiants qui utilisent cette méthode pour la première fois, ils peuvent penser que le programme imprimera 0...9, mais il imprime en réalité 10 10
Le problème est que lorsque la boucle est terminée, la fonction est exécutée et i est devenu 10, soit 10 utilisé dans console.log(i) !

Si votre objectif est d'imprimer 0...9, alors vous pouvez changer la manière et utiliser les paramètres de fonction pour enregistrer 0...9 (en fait, les fermetures sont également utilisées) :

Copier le code Le code est le suivant :

pour(var je = 0; je < 10; je ){
setTimeout((fonction(i){
fonction de retour(){
console.log(i);
>
})(i), 0);
>
Étiquettes associées：
javascript settimeout 闭包
source：php.cn
Article précédent：fonction js qui convertit les nombres en majuscules RMB expressions_javascript skills Article suivant：Méthode pour déterminer si window.onload est utilisé plusieurs fois_javascript skills
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Méthode CSS uniquement pour modifier dynamiquement le src de l'image au clic sans utiliser JavaScript Je dois changer le src d'une image en cliquant sur la souris en utilisant uniquement du CS...
Depuis 2024-04-06 19:25:49
0
1
505
Les points de nuage de points ne conservent pas leurs valeurs lors du zoom dans d3.js C'est la première fois que j'utilise d3.js, alors soyez indulgents avec moi. Je l'ai implé...
Depuis 2024-04-06 18:16:26
0
1
403
Événements de survol JavaScript sur des pseudo-éléments spécifiques au fournisseur Il s'agit de HTMLinput.$("input[type='range']::-webkit-slider-thumb").on('hover'...
Depuis 2024-04-06 15:35:24
0
1
274
Soumettre le formulaire sans bouton en utilisant Javascript/Jquery J'essaie de soumettre un formulaire sans bouton en appelant une fonction JavaScript et en ...
Depuis 2024-04-06 14:54:03
0
2
421
Personnalisez l'apparence des en-têtes accordéon Bootstrap à l'aide de la classe CollapseDisplay Je souhaite styliser le titre de la carte d'un panneau avec la classeeffondrementshow. Dan...
Depuis 2024-04-06 12:53:11
0
1
376
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal