¿Cuándo debería almacenar una función en una variable?

Question

Estoy aprendiendo JavaScript en este momento y no entiendo muy bien cuándo escribir una función en una variable.

Por ejemplo, ambos de los siguientes bloques de código hacen exactamente lo mismo en Node.js:

var onReq = function(req, res) { 
    res.write('Hello'); 
}; 

http.createServer(onReq).listen(3000); 

y

function onReq(req, res) { 
    res.write('Hello'); 
} 

http.createServer(onReq).listen(3000); 

¿Cuál es el mejor método para hacer conforme a mejor prácticas, y por qué?

Answer 1

Normalmente solo usaré un var funcName = function(){} cuando necesite redefinir la (s) acción (es) para esa función más adelante. Por ejemplo:

var foo = function(a){ return a * 2; } 
var bar = foo(2); 

foo = function(a){ return a/2; } 

bar = foo(bar); 

De lo contrario, para la mayoría de propósitos (suponiendo que no es una devolución de llamada o un modificador) declarar una función "clásica" es por lo general aceptable.

Answer 2

De acuerdo con el artículo JavaScript as a First Language de John Resig, su primer bloque de código se considera una buena práctica.

Answer 3

Aquí es una explicación:

Hay una distinción entre el nombre de la función y la variable de la función se asigna a:

• El nombre de la función no se puede cambiar, mientras que la variable se le asigna la función de a puede ser reasignado.
• El nombre de la función solo se puede usar dentro del cuerpo de la función. Intentar utilizarlo fuera del cuerpo de la función da como resultado un error (o indefinido si el nombre de la función se declaró previamente mediante una instrucción var).

https://developer.mozilla.org/en/JavaScript/Reference/Functions_and_function_scope

Answer 4

yo descuido a la versión no variable function onReq(){}. No es una decisión consciente que haya tomado, pero al pensar en ello surgen estos argumentos:

• Parece más limpio.
• Es conceptualmente más simple: es solo una función, mientras que la otra es una función y una variable. Es algo pequeño, pero me parece valioso, no obstante.
• Me asegura que onReq siempre se referirá a que el cuerpo de la función - una cosa menos a considerar al leer el código. Algo así como marcar una variable como final en Java.
• Me impide "accidentalmente" reemplazar la función, causando efectos secundarios involuntarios en otros lugares.

Answer 5

yo personalmente he encontrado ciertos problemas con llamadas a funciones locales (funciones declaradas dentro de otras funciones) cuando se utiliza la sintaxis no variable en algunas versiones de IE (lo más probable IE8 o inferior), mientras que la sintaxis de la variable funcionó como se esperaba.

Dado que las funciones no se deben desclasificar en el espacio de nombre global, la mayoría de las funciones son locales y, por lo tanto, tiene sentido utilizar la sintaxis de las variables para las funciones siempre.

Answer 6

Veo algunas opiniones diferentes aquí, pero la mayoría de ellas están más basadas en lo que piensas que es mejor o no, pero no veo las razones técnicas sobre cuándo usar una u otra, pero de seguro hay técnicas restricciones o ventajas en uso una fórmula de declaración u otra. Realmente soy un principiante con javascript y no estoy seguro de aconsejarlo, pero propondré un caso en el que almacenar una función en una variable no sea funcional.

En el siguiente código, al definir un filtro angular, si defino la función dentro de una variable, no puedo llamarlo con éxito desde el método de filtro. ¿Alguien podría explicarme la razón técnica sobre esto?

ver el código (comentado no está funcionando):

angular 
    .module('loc8rApp') 
    .filter('formatDistance', formatDistance); 

function formatDistance(){ 
     return function (distance) { 
     var numDistance, unit; 
     if (distance && _isNumeric(distance)) { 
     if (distance > 1) { 
      numDistance = parseFloat(distance).toFixed(1); 
      unit = 'km'; 
      } else { 
      numDistance = parseInt(distance * 1000,10); 
      unit = 'm'; 
      } 
      return numDistance + unit; 
     } else { 
      return "?"; 
     } 
     }; 
}; 

var _isNumeric = function (n) { 
    return !isNaN(parseFloat(n)) && isFinite(n); 
}; 

/* 
var formatDistance = function() { 
    return function (distance) { 
    var numDistance, unit; 
    if (distance && _isNumeric(distance)) { 
     if (distance > 1) { 
     numDistance = parseFloat(distance).toFixed(1); 
     unit = 'km'; 
     } else { 
     numDistance = parseInt(distance * 1000,10); 
     unit = 'm'; 
     } 
     return numDistance + unit; 
    } else { 
     return "?"; 
    } 
    }; 
}; 
*/ 

gracias de antemano!