blob: 4aabbfb803f84f2e2a2261a7c102d78d4faceb3c (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
|
---
title: IIFE
slug: Glossaire/IIFE
tags:
- Glossaire
- JavaScript
- Programmation
translation_of: Glossary/IIFE
---
<p><strong>IIFE </strong>(Immediately Invoked Function Expression) <span id="result_box" lang="fr"><span><em>(Expression de fonction invoquée immédiatement)</em> </span></span>est une {{glossary("Function","fonction")}} {{glossary("JavaScript")}} qui est exécutée dès qu'elle est définie.</p>
<p>C'est un modèle de conception qui est également connu sous le nom de {{glossary("Self-Executing Anonymous Function","Fonction anonyme auto-exécutable")}} et contient deux parties principales. La première est la fonction anonyme avec portée lexicale incluse dans le {{jsxref("Operators/Grouping", "groupement opérateur")}}<code>()</code>. Cela empêche l'accès aux variables dans l'expression idiomatique IIFE ainsi que la pollution de la portée globale.</p>
<p>La deuxième partie crée la fonction immédiatement exécutable<code> ()</code>, à travers laquelle le moteur JavaScript interprétera directement la fonction.</p>
<h2 id="Exemples">Exemples</h2>
<p>La fonction devient une expression de fonction qui est immédiatement exécutée. La variable dans l'expression ne peut pas être atteinte de l'extérieur.</p>
<pre class="brush: js line-numbers language-js"><code class="language-js"><span class="punctuation token">(</span><span class="keyword token">function</span> <span class="punctuation token">(</span><span class="punctuation token">)</span> <span class="punctuation token">{</span>
<span class="keyword token">var</span> aName <span class="operator token">=</span> <span class="string token">"Barry"</span><span class="punctuation token">;</span>
<span class="punctuation token">}</span><span class="punctuation token">)</span><span class="punctuation token">(</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
<span class="comment token">// Le nom de la variable n'est pas accessible depuis le périmètre externe</span>
aName <span class="comment token">// lancement "Exception ReferenceError: aName n'est pas défini"</span></code></pre>
<p>Affecter l'IIFE à une variable ne la stocke pas mais reçoit son résultat.</p>
<pre class="brush: js line-numbers language-js"><code class="language-js"><span class="keyword token">var</span> result <span class="operator token">=</span> <span class="punctuation token">(</span><span class="keyword token">function</span> <span class="punctuation token">(</span><span class="punctuation token">)</span> <span class="punctuation token">{</span>
<span class="keyword token">var</span> name <span class="operator token">=</span> <span class="string token">"Barry"</span><span class="punctuation token">;</span>
<span class="keyword token">return</span> name<span class="punctuation token">;</span>
<span class="punctuation token">}</span><span class="punctuation token">)</span><span class="punctuation token">(</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
<span class="comment token">// Crée immédiatement la sortie: </span>
result<span class="punctuation token">;</span> <span class="comment token">// "Barry"</span></code></pre>
<h2 id="Pour_approfondir">Pour approfondir</h2>
<h3 id="Apprendre_sur_ce_sujet">Apprendre sur ce sujet</h3>
<ul>
<li><a href="https://developer.mozilla.org/fr/docs/Web/JavaScript/Une_r%C3%A9introduction_%C3%A0_JavaScript#Les_fonctions">Exemple rapide</a> (à la fin de la section "Les fonctions", juste avant "Les objets personnalisés")</li>
</ul>
<h3 id="Culture_générale">Culture générale</h3>
<ul>
<li><a href="https://fr.wikipedia.org/wiki/JavaScript#Expressions_de_fonctions_imm%C3%A9diatement_invoqu%C3%A9es">Immediately-invoked function expression (IIFE)</a> sur Wikipédia</li>
</ul>
|
