blob: c758bbc46efb2b427e2175a022f433524a20b0d6 (
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
48
49
50
51
52
53
|
---
title: 'IIFE: Expresión de función ejecutada inmediatamente'
slug: Glossary/IIFE
tags:
- Funciones
translation_of: Glossary/IIFE
---
<p>Las expresiones de función ejecutadas inmediatamente (<strong>IIFE</strong> por su sigla en inglés) son funciones que se ejecutan tan pronto como se definen.</p>
<pre class="brush: js">(function () {
statements
})();</pre>
<p>Es un patrón de diseño también conocido cómo <strong>función autoejecutable </strong>({{glossary("Self-Executing Anonymous Function")}} ) y se compone por dos partes. La primera es la función anónima con alcance léxico encerrado por el {{jsxref("Operadores/Grouping", "Operador de Agrupación")}} <code>()</code>. Esto impide accesar variables fuera del IIFE, así cómo contaminar el alcance (scope) global. </p>
<p>La segunda parte crea la expresión de función cuya ejecución es inmediata <code>()</code>, siendo interpretado directamente en el engine de JavaScript.</p>
<h2 id="Ejemplos">Ejemplos</h2>
<p>La función se convierte en una expresión de función que es ejecutada inmediatamente. La variable dentro de la expresíon no puede ser accesada desde afuera.</p>
<pre class="brush: js"><span class="p">(</span><span class="kd">function</span> <span class="p">()</span> <span class="p">{</span>
var aName = "Barry";
<span class="p">})();
// Variable name is not accessible from the outside scope
aName </span>// throws "Uncaught ReferenceError: aName is not defined"
</pre>
<p>Asignar el IIFE a una variable almacena el valor de retorno, no la definición de la función.</p>
<pre class="brush: js"><span class="p">var result = (</span><span class="kd">function</span> <span class="p">()</span> <span class="p">{</span>
var name = "Barry";
return name;
<span class="p">})();
// Immediately creates the output:
result; // "Barry"</span></pre>
<p> </p>
<h2 id="Aprende_mas">Aprende mas</h2>
<h3 id="Aprende_acerca_de">Aprende acerca de</h3>
<ul>
<li><a href="http://benalman.com/news/2010/11/immediately-invoked-function-expression/">Ben Alman's blog post defining IIFEs</a></li>
<li><a href="/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript#Functions">Quick example</a> "Ejemplo Rápido"(al final de la sección "Functions" , justo despues de "Custom objects")</li>
</ul>
<h3 id="General_knowledge">General knowledge</h3>
<ul>
<li>{{interwiki("wikipedia", "Immediately-invoked function expression", "IIFE")}} on Wikipedia</li>
</ul>
|
