Sintaxis de cierre de Javascript

Question

¿Cuál es la diferencia, pros/contra (si existe) entre estos constructos?

new function(obj) { 
    console.log(obj); 
}(extObj); 

vs

(function(obj) { 
    console.log(obj); 
})(extObj); 

Answer 1

Si usted está buscando en tratar expresamente con una función invocada inmediatamente-, entonces no hay ninguna diferencia real entre los dos, excepto que el primero de ellos volverá this dentro de la función, al mundo exterior, automáticamente (eso es lo que hace new), y de forma predeterminada si no se especifica un valor de retorno diferente (las funciones regulares devuelven undefined).

El resto de las principales diferencias realmente no importan: el acceso a la cadena de prototipos no tiene sentido, tener el this.constructor punto devuelto a la función anónima le daría acceso al almacenamiento en caché de la función anónima para su uso en un momento posterior (como sacarlo de un detector de eventos, si de alguna manera para pegar la función encerrado en ... ... que sería un truco en sí mismo).

Permitir que las personas guarden en caché la función invocada inmediatamente como propiedad de constructor del objeto this devuelto puede ser un riesgo de seguridad ... ... o podría ser realmente útil ... ... en escenarios muy específicos .

Todos los días del código de encendido en línea - no hay diferencia real.

Answer 2

El primero devuelve una referencia a la instancia recién construida de su función de constructor anónimo (= this).

El segundo devuelve el valor de retorno de la función anónima. Como su función no tiene una declaración de devolución, devolverá implícitamente indefinido.

prueba lo siguiente: (. Por cierto, t1.constructor devolverá la función original que creó t1 con)

var t1 = new function(obj) { console.log(obj); }(extObj); 
var t2 = (function(obj) { console.log(obj); })(extObj); 

typeof t1 => "object" 
typeof t2 => "undefined" 

La diferencia se vuelve mucho más claro, si se agrega una instrucción return:

var t1 = new function(obj){ return(obj); }("foo"); 
var t2 = (function(obj){ return(obj); })("bar"); 

console.log(t1) => "object" 
console.log(t2) => "bar" 

IMO, esto hace que el (function)() sea mucho más útil para el uso diario: asigna la devolución valor de la ejecución de esta función para la variable que normalmente sería lo que desea si está trabajando con funciones invocadas inmediatamente. Especialmente al tener las cosas más complejas como (pseudocódigo):

var myNameSpace = (function(){ 
    /* do some private stuff here*/ 
    ... 
    /* expose parts of your anonymous function by returning them */ 
    return{ 
     functionX, 
     variable1, 
     variable2 
    } 
}(); 

Básicamente se puede utilizar un operador unitario arbitrario de convertir la declaración de función en una expresión, que es llamada inmediatamente. Por lo tanto, también puede escribir:

!function(){ /* code */ }(); 
~function(){ /* code */ }(); 
-function(){ /* code */ }(); 
+function(){ /* code */ }(); 

dependiendo de la declaración de devolución de su función, estos le darán diferentes resultados de devolución. ! - negar el valor de retorno +|- evaluar como Número (aplicar signo negativo) ~ aplicar bitwise not al valor de retorno.

Answer 3

Otra diferencia es que la primera invocación crea un objeto adicional.Aquí he puesto los nombres f y o para denotar un objeto:

var o = new function f(obj) { 
    console.log(obj); 
}(extObj); 

En segundo caso que todavía creamos un objeto función f pero no crea una o:

(function f(obj) { 
    console.log(obj); 
})(extObj); 

Un cierre todavía se crea, pero eso es más barato que el objeto de JavaScript real, ya que no tiene toda la cadena del prototipo u otros atributos (como la referencia de clase oculta) con él,