freeCodeCamp/guide/spanish/meta/free-code-camp-javascript-style-guide/index.md

title	localeTitle
Free Code Camp JavaScript Style Guide	Guía de estilo gratuita de Code Camp JavaScript

o cómo la gente fresca escribe JavaScript.

Sangrar

Siempre use dos espacios
No hay pestañas duras, nunca. No realmente, simplemente no lo hagas.

Tirantes rizados

Siempre use llaves cuando utilice las palabras clave if/else/else if . Esto evita mucha ambigüedad y prevendrá errores de sintaxis en algunos casos de borde.

Malo:

if (foo) bar(); 

Bueno:

if (foo) { bar(); } 

¡Apoyos rizados en todas partes!

Espacio después de la palabra clave de la function , excepto en funciones anónimas

Bueno:

function foo() { 
 } 
 
 var foo = function() { 
  // ... 
 }; 

Malo:

function foo () 
 { 
  // ... 
 } 
 
 var foo = function () { 
  // ... 
 }; 

Comentarios

• no hay comentarios en línea
• espacio único después de //
• No utilice comentarios multilínea /* */ , estamos reservando estos para su uso con jsDocs.

Palabras clave

• espacio inmediatamente después si, else, while, etc.
• la apertura de la abrazadera debe estar siempre en la misma línea.

Bueno:

if (true) { 
 // do the thing 
 } 

Malo:

if(true) 
 { 
 // do the thing 
 } 

Más

Evita otra cosa y "termina temprano". En JavaScript a menudo hay mucha sangría (generalmente cuando se trata de código asíncrono y se llama "infierno de devolución de llamada"). Cualquier cosa que pueda hacer para reducir el número de sangrías debe hacerse. Una cosa es evitar la palabra clave else .

Esto también tiene el efecto secundario de hacer que el código sea más limpio y fácil de leer.

Malo:

someAsynFunc(function(err, data) { 
  if (err) { 
    callback(err); 
  } else { 
    // do stuff with data 
  } 
 }); 

Bueno:

someAsynFunc(function(err, data) { 
  if (err) { 
    return callback(err); 
  } 
  // do stuff with data 
  // saves one indent 
 }); 

Cuerdas largas

Las cadenas largas multilínea deben tener una de dos formas:

var longString = 
  'long strings should ' + 
  'be in this form, with the ' + 
  'operator ending the line'; 
 
 var foo = 'bar'; 
 
 var longString = [ 
  'long strings with variables such as ', 
  foo, 
  'should ', 
  'be in this form, an array of strings ', 
  'that are joined with the join array instance method', 
 ].join(''); 

…más por venir