¿Cómo llamar a una función autoejecutable en JavaScript?

Question

Cuando tengo un código que necesito ejecutar más de una vez, lo cierro en una función para que no tenga que repetirlo. A veces, además, hay una necesidad de ejecutar este código inicialmente en la carga de la página. Ahora mismo lo hago de esta manera:

function foo() { 
    alert('hello'); 
} 

foo(); 

yo prefiero hacerlo de esta manera:

(function foo() { 
    alert('hello'); 
})(); 

El problema es que esto sólo se ejecutará al cargar la página, pero si trato de llamarlo tiempos posteriores usando foo() no funcionará.

Supongo que se trata de un problema de alcance, pero ¿hay alguna forma de que las funciones autoejecutables funcionen al recibir una llamada más tarde?

Answer 1

Si su función no se basa en un valor de retorno, se puede hacer esto ...

var foo = (function bar() { 
    alert('hello'); 
    return bar; 
})(); // hello 

foo(); // hello 

Esto utiliza la referencia local bar en la expresión función llamada para devolver la función a la variable de foo externa .

---

O incluso si lo hace, usted podría hacer que el valor de retorno condicional ...

var foo = (function bar() { 
    alert('hello'); 
    return foo ? "some other value" : bar; 
})(); // hello 

alert(foo()); // hello --- some other value 

o simplemente asignar manualmente a la variable en lugar de volver ...

var foo; 
(function bar() { 
    alert('hello'); 
    foo = bar; 
})(); // hello 

foo(); // hello 

---

Según lo observado por @RobG, algunas versiones de IE perderán el identificador en el ámbito de la variable adjunta. Ese identificador hará referencia a un duplicado de la función que creó. Para hacer su NFE IE-safe (r), puede anular esa referencia.

bar = null; 

Tenga en cuenta que el identificador seguirá sombreando un identificador con el mismo nombre en la cadena de alcance. Anular no ayudará, y las variables locales no se pueden eliminar, así que elija el nombre de NFE con prudencia.

Answer 2

Para llamar desde el exterior, la función debe ser visible desde el exterior. Lo ideal sería tener la función de auto ejecución de inyectarlo en algunos aprobada en contexto (en este caso, this, que hace referencia al contexto global):

(function(context) { 
    var foo = function() { 
    alert('hello'); 
    }; 
    foo(); 
    context.foo = foo; 
})(this); 

... 

foo(); 

patrones más interesantes se pueden encontrar here.

Answer 3

Si foo() pretende ser una función global, es decir, una propiedad de window, usted puede hacer esto:

(window.foo = function() { 
    alert('hello'); 
})(); 

// at some later time 
foo(); 

La expresión en el primer conjunto de paréntesis, hace la tarea de crear foo, sino también evalúa ser la función para que pueda invocarlo inmediatamente con () al final.

Este patrón funciona incluso si se supone que la función devuelve un valor.

Answer 4

La segunda función foo es una expresión de definición de función.

En una expresión de función definición, sólo puede llamar a la función con el nombre dentro de la propia función de acuerdo con "el Javascript la guía definitiva":

Para expresiones definición de función, el nombre es opcional: si está presente , el nombre se refiere al objeto de función solo dentro del cuerpo de la función en sí.

Se puede usar en una expresión de definición de función de recursión.

Por ejemplo:

var f = function factorial(n) { 
    if (n == 0 || n == 1) 
     return 1; 
    else 
     return n * factorial(n-1); 
}