Fonction setTimeout() en js

En js, la fonction setTimeout() est une variable globale Peu importe où elle se trouve, c'est une variable globale plutôt qu'une variable locale. Ainsi, le résultat de l'exemple suivant peut vous surprendre :

function A() {
    this.b = function() {
        console.log(1)
    }
}
var c = new A()
setTimeout(c.b, 10)

Certaines personnes peuvent penser que le résultat de sortie de l'exemple ci-dessus est 1, mais le résultat n'est pas défini. En effet, la fonction setTImeout() est une variable globale. Elle envoie le c.b à l'intérieur de la variable globale. Cependant, la variable globale n'a pas l'attribut b, elle renvoie donc undéfini.

En js, le mécanisme de fonctionnement de la fonction setTimeout() est comme ceci, et il en va de même pour la fonction setInterval(). Retirez le code spécifié de cette exécution, attendez le prochain tour de boucle d'événements, puis vérifiez si l'heure spécifiée est arrivée. S'il arrive, le code correspondant sera exécuté ; s'il n'arrive pas, il sera réévalué jusqu'au prochain tour d'Event Loop. Cela signifie que le code spécifié par setTimeout ne sera exécuté que lorsque tous les codes exécutés cette fois-ci auront été exécutés. ·

À chaque tour d'Event Loop, les tâches qui doivent être exécutées dans la « file d'attente des tâches » seront exécutées en même temps. setTimeout et setInterval ajoutent des tâches à la fin de la « file d’attente des tâches ». Par conséquent, ils doivent en fait attendre que toutes les tâches de synchronisation du script en cours soient exécutées, puis attendre que toutes les tâches de la « file d'attente des tâches » de cette boucle d'événements soient exécutées avant de commencer l'exécution. Puisqu'il est incertain combien de temps il faudra pour terminer les tâches précédentes, il n'y a aucun moyen de garantir que les tâches spécifiées par setTimeout et setInterval seront exécutées conformément à l'heure planifiée.

Ainsi, si une fonction précédente est bloquée, elle attendra que la fonction soit exécutée avant de pouvoir s'exécuter. Parce que js est monothread, il est plus facile à bloquer.

Dans la fonction setTimeout(), le temps d'exécution le plus rapide est de 4 millisecondes. Même si le paramètre de retard est écrit comme 0 ou un nombre négatif, il ne s'exécutera pas immédiatement. Lorsque le paramètre de délai est 0 ou un nombre négatif, vous devez attendre que la tâche de synchronisation et la boucle d'événements de l'étape en cours (c'est-à-dire la file d'attente des tâches) soient exécutées avant de commencer l'exécution. Puisque le paramètre est 0 ou un nombre négatif, la fonction est. exécutez simplement le plus tôt possible que les autres fonctions setTimeout(), et le paramètre est 0 ou un nombre négatif lui-même a la même priorité. Par exemple :

setTimeout('console.log(1)',0)
console.log(2)

Le résultat renvoyé est 2 1

setTimeout('console.log(1)',0)
setTimeout('console.log(2)',-1)
setTimeout('console.log(3)',-1)
setTimeout('console.log(4)',0)

Le résultat renvoyé est 1 2 3 4

Dans la fonction setTimeout(), il y a un autre point mérite d'être noté. Autrement dit, son premier paramètre doit être le code à compiler ou une méthode de fonction. Ainsi, dans l'exemple ci-dessus, console.log() est placé entre guillemets simples et devient une chaîne. Il existe une fonction eval() dans setTimeout pour compiler la chaîne. Si nous ne mettons pas la méthode console.log() entre guillemets simples, alors toute la fonction setTimeout() sera exécutée immédiatement, qu'il y ait ou non des paramètres de retard. Par exemple, cette question que j'ai rencontrée lors de l'interview de Meiyun Smart Number de Midea est la même :

console.log(1)

setTimeout(console.log(2),0)
  
console.log(3)
  
setTimeout(console.log(4),-1)

Le résultat renvoyé est 1 2 3 4. Si vous le placez entre guillemets simples, le résultat renvoyé est 1. 3 2 4

Si vous souhaitez effacer le timer setTimeout dans js, vous avez besoin de la fonction clearTimeout(). L'utilisation spécifique est la suivante :

var a = setTimeout('console.log(1)', 1)
clearTimeout(a)

Enfin, postez une question pour voir si vous avez obtenu votre diplôme. Comparez les trois morceaux de code suivants pour voir le résultat ci-dessus :

for (var i = 0; i < 3; i++) {
    setTimeout(function() {
        console.log(i);
    }, 0);
    console.log(i);
}

for (var i = 0; i < 3; i++) {
    setTimeout((function() {
        console.log(i);
    })(i), 0);
    console.log(i);
}

.

for (var i = 0; i < 3; i++) {
    setTimeout((function(i) {
        return function() {
            console.log(i);
        };
    })(i), 0);
    console.log(i);  
}

Cette question concerne certains problèmes de portée js. J'écrirai un article spécial pour présenter les changements de portée dans es5 et es6.  

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!