Pourquoi setTimeout a-t-il différentes manières d'appeler des fonctions ?

Disséquer les parenthèses et l'énigme des citations de setTimeout

Lorsque vous explorez les événements de synchronisation JavaScript, la fonction setTimeout suscite souvent une confusion en raison de son utilisation variée . Clarifions les différences entre trois manières courantes de l'invoquer :

Avec parenthèses

setTimeout("alertMsg()", 3000);

Dans cette syntaxe, la fonction est passée sous forme de chaîne dans un double citations. JavaScript interprète cela comme une chaîne de code à exécuter après l'heure spécifiée. Cette utilisation est déconseillée en raison de failles de sécurité.

Sans guillemets ni parenthèses

setTimeout(alertMsg, 3000);

Cette approche plus propre transmet la fonction directement comme référence. La référence peut être une fonction nommée, une fonction anonyme ou une variable pointant vers une fonction. Il s'agit de la méthode préférée car elle élimine les problèmes de sécurité potentiels et simplifie le code.

Utilisation uniquement de guillemets

setTimeout("alertMsg", 3000);

Dans cette syntaxe particulière, une chaîne est transmise sans parenthèses. Cette méthode est obsolète et peut conduire à un comportement imprévisible.

Pour appeler une fonction avec des arguments dans setTimeout, vous pouvez soit intégrer l'appel dans le rappel, soit spécifier les arguments dans cette dernière syntaxe (non compatible avec tous les navigateurs). :

setTimeout(function() { foo(arg1, arg2); }, 1000);

ou

setTimeout(foo, 2000, arg1, arg2);

N'oubliez pas que le contexte de rappel (le mot clé this) est par défaut le objet global. Pour le modifier, utilisez la méthode bind() :

setTimeout(function() { this === YOUR_CONTEXT; // true }.bind(YOUR_CONTEXT), 2000);

Il est crucial de noter que transmettre des chaînes à setTimeout est fortement déconseillé en raison des risques de sécurité. Transmettez toujours les références de fonction directement pour maintenir la sécurité et garantir une exécution prévisible.

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!