JavaScript Space After Function

Question

Sé que el espacio en blanco es irrelevante en JavaScript, pero tengo curiosidad sobre el estilo.

Al definir una función como:

function Foo(a, b, c) {} 

no pongo un espacio después del nombre de la función. Pero, si yo estoy creando una función como una expresión:

Bar(function (a, b, c) { 
    // do something 
}) 

o

{ 
    Foo: function (a, b, c) { 
     // do something 
    } 
} 

me encuentro escribiendo un espacio natural. Creo que esto se debe a que me he entrenado para escribir un espacio inmediatamente después de la palabra clave de función (o palabras clave en general). Sin embargo, dependiendo del contexto, un espacio puede parecer incómodo. ¿Qué tiene más sentido? ¿Qué hace la mayoría de la gente?

Lo siento si esto se ha preguntado antes; No lo vi venir.

Answer 1

Hago lo mismo.

function() { ... } 
function name() { ... } 

Tiene más sentido para mí de esta manera. Es más legible con el espacio después de la palabra clave function (hago lo mismo con if, while, etc.) y tiene sentido no ponerlo después del nombre de la función ya que normalmente lo invoca sin espacio.

Answer 2

Es una cuestión de preferencia personal. Sin duda, el espaciado adecuado ayuda a la legibilidad, lo que siempre es una buena idea.

Lo importante, sin embargo cuando se trata de estilo de código JavaScript, es poner siempre a partir llave de cierre en la misma línea (debido a automatic semi-colon insertion) diferencia:

function myFunc() 
{ 
    return 
    { 
     name: 'Jane' 
    }; 
} 

var f = myFunc(); 
console.log(f); // undefined 

---

Leer más:

• Code Conventions for the JavaScript Programming Language

Answer 3

Acepto, al codificar Javascript quiero que mi código sea lo más legible posible y he encontrado que tener un espacio en blanco para separar la palabra clave facilitar la lectura, para mí.

Answer 4

Mi sugerencia:

Si el () es el operador de invocación de la función, No poner un espacio antes de ella. En todos los demás casos do ponga un espacio antes.

function f (x) { 
    // ... 
} 

var g = function (y) { 
    // ... 
}; 

f(1); 
g(2); 

De esta forma, puede identificar operadores de invocación más fácilmente.