Fonction auto-exécutable dans la fonction js-js tutoriel-php.cn

Quand j'écris du code, j'écris souvent du code similaire dans le de tpl :

$(function(){ alert("我好饿"); }); Copier après la connexion Quand j'ai commencé à l'écrire, je savais juste que ce n'était pas le cas doit être appelé, directement exécuté, juste comme ça, j'ai écrit beaucoup de code. Cela dit, je souhaite également parler de la séquence de chargement de ce produit. Si vous écrivez le code directement dans la balise script, le code à l'intérieur de la balise script sera exécuté lors du chargement de la page. Si un DOM déchargé est utilisé dans ce code ou si une méthode déchargée est appelée, une erreur sera signalée. Plus près de chez nous, cette fonction est en fait une fonction auto-exécutable. De nombreuses personnes l'appelleront professionnellement « expression de fonction immédiatement appelée ».

Ici, je cite le blog de limlimlim, qui semble plus professionnel...Adresse originale

Lorsque vous déclarez une fonction comme function foo(){} ou var foo = function(){} Parfois , l'auto-exécution peut être obtenue en ajoutant des parenthèses après, comme foo(), regardez le code :

// 因为想下面第一个声明的function可以在后面加一个括弧()就可以自己执行了，比如foo()，// 因为foo仅仅是function() { /* code */ }这个表达式的一个引用 var foo = function(){ /* code */ } // ...是不是意味着后面加个括弧都可以自动执行？ function(){ /* code */ }(); // SyntaxError: Unexpected token (// Copier après la connexion Le code ci-dessus, s'il s'exécute même, le deuxième le code entraînera une erreur, car lorsque l'analyseur analyse la fonction globale ou le mot-clé de fonction interne de la fonction, il utilise par défaut une déclaration de fonction au lieu d'une expression de fonction. Si vous ne l'indiquez pas explicitement au compilateur, il utilisera par défaut une fonction qui n'a pas de nom. et renvoie un message d'erreur de syntaxe car la déclaration de fonction nécessite un nom.

Ce qui est intéressant, c'est que même si vous ajoutez un nom au mauvais code ci-dessus, cela provoquera une erreur de syntaxe, mais la raison est différente de celle ci-dessus. L'ajout de parenthèses () après une expression exécutera l'expression immédiatement, mais l'ajout de parenthèses () après une instruction a une signification complètement différente. Il s'agit simplement d'un opérateur de regroupement.

// 下面这个function在语法上是没问题的，但是依然只是一个语句// 加上括号()以后依然会报错，因为分组操作符需要包含表达式 function foo(){ /* code */ }(); // SyntaxError: Unexpected token ) // 但是如果你在括弧()里传入一个表达式，将不会有异常抛出// 但是foo函数依然不会执行function foo(){ /* code */ }( 1 ); // 因为它完全等价于下面这个代码，一个function声明后面，又声明了一个毫无关系的表达式： function foo(){ /* code */ } ( 1 ); Copier après la connexion Pour résoudre le problème ci-dessus, c'est très simple. Il suffit d'utiliser des accolades pour placer tout le code, car JavaScript ne peut pas contenir d'instructions entre parenthèses (). à ce stade, lorsque l'analyseur analyse le mot-clé de fonction, il analysera le code correspondant en une expression de fonction au lieu d'une déclaration de fonction.

// 下面2个括弧()都会立即执行(function () { /* code */ } ()); // 推荐使用这个(function () { /* code */ })(); // 但是这个也是可以用的// 由于括弧()和JS的&&，异或，逗号等操作符是在函数表达式和函数声明上消除歧义的// 所以一旦解析器知道其中一个已经是表达式了，其它的也都默认为表达式了// 不过，请注意下一章节的内容解释var i = function () { return 10; } ();true && function () { /* code */ } ();0, function () { /* code */ } ();// 如果你不在意返回值，或者不怕难以阅读// 你甚至可以在function前面加一元操作符号!function () { /* code */ } ();~function () { /* code */ } ();-function () { /* code */ } ();+function () { /* code */ } ();// 还有一个情况，使用new关键字,也可以用，但我不确定它的效率// new function () { /* code */ }new function () { /* code */ } () // 如果需要传递参数，只需要加上括弧() Copier après la connexion Les parenthèses mentionnées ci-dessus sont utilisées pour lever l'ambiguïté. En fait, elles ne sont pas du tout nécessaires, car les parenthèses sont à l'origine censées être des expressions de fonction, mais nous les utilisons toujours. , principalement C'est pour la commodité des développeurs à lire. Lorsque vous affectez ces expressions exécutées automatiquement à une variable, nous voyons des crochets ( ( au début), qui peuvent être compris rapidement sans avoir à tirer le code jusqu'au bout pour voir quoi. est là. Aucun crochet n'est ajouté

Dans cet article, nous l'avons toujours appelé une fonction auto-exécutable, pour être précis, c'est une fonction anonyme auto-exécutable, mais l'originale. L'auteur anglais l'a toujours appelé une fonction auto-exécutable. Il est proposé d'utiliser le nom d'expression de fonction immédiatement invoquée. L'auteur a donné un tas d'exemples pour expliquer. >

J'espère que quelques exemples ici pourront aider tout le monde à comprendre ce que sont l'auto-exécution et l'appel immédiat (je ne l'ai compris qu'un tout petit peu maintenant, vive la théorie) // 这是一个自执行的函数，函数内部执行自身，递归function foo() { foo(); }// 这是一个自执行的匿名函数，因为没有标示名称// 必须使用arguments.callee属性来执行自己var foo = function () { arguments.callee(); };// 这可能也是一个自执行的匿名函数，仅仅是foo标示名称引用它自身// 如果你将foo改变成其它的，你将得到一个used-to-self-execute匿名函数var foo = function () { foo(); };// 有些人叫这个是自执行的匿名函数（即便它不是），因为它没有调用自身，它只是立即执行而已。(function () { /* code */ } ());// 为函数表达式添加一个标示名称，可以方便Debug// 但一定命名了，这个函数就不再是匿名的了(function foo() { /* code */ } ());// 立即调用的函数表达式（IIFE）也可以自执行，不过可能不常用罢了(function () { arguments.callee(); } ()); (function foo() { foo(); } ());// 另外，下面的代码在黑莓5里执行会出错，因为在一个命名的函数表达式里，他的名称是undefined// 呵呵，奇怪(function foo() { foo(); } ()); Copier après la connexion limlimlim a également parlé à ce sujet ci-dessous Mode module

, c'est une chose importante que je dois apprendre à l'avenir. Bien sûr, il y a une fermeture (grosse tête) avant cela Laissez-moi vous montrer un exemple

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

Fonction auto-exécutable dans la fonction js