JavaScript estilo y minificación de código sin punto y coma?

Question

Estoy tratando de decidir si vale la pena ir con el estilo de JavaScript sin punto y coma.

Si tengo código JavaScript sin punto y coma:

function(){ 
    var first = 1 
    var second = 2 
    sum = 1 + 2 
    return sum 
} 

que funcionará en el navegador y Node.js.

¿Pero el código minified (por Uglify o Closure Compiler) funciona en el navegador y en Node.js?

He leído el artículo Semicolons in JavaScript are optional. dice que debería funcionar.

Answer 1

Personalmente, soy un tipo de hombre a favor del punto y coma, pero hay un argumento convincente para la alternativa, que a menudo no es given a fair voice. Al igual que con todos los argumentos de estilo de codificación, este será un debate interminable sin una conclusión razonable. Haz lo que tú y tu equipo se sientan más cómodos.

Si elige un enfoque de punto y coma frugal, asegúrese de que usted y su equipo comprendan correctamente las reglas de terminación de declaraciones automatic semicolon insertion (ASI). Eso definitivamente es algo bueno para entender sea cual sea su decisión.

Con respecto a la minificación: si no quiere arriesgar el posible dolor de cabeza de un error de minificación y la carga asociada de informarlo y arreglarlo (o esperar una solución) porque no está haciendo ASI correctamente, entonces don confíe en ASI.

• Isaacs (Node.js mantenedor, y por lo tanto minimización agnóstico a los efectos de esta pregunta) on the subject
• Se recomienda este excelente impartial analysis of the ASI rules

Answer 2

No lo hagas. La inserción de dos puntos es algo muy peligroso. El aumento de tamaño no justifica el riesgo adicional.

Doulas Crockford no le va a gustar que si lo hace :) http://youtu.be/hQVTIJBZook

Answer 3

en mi humilde opinión, no hacen eso. Realmente no ganas tanto y el punto y coma es AFAIK colocado allí automáticamente, y puede colocarse en un lugar donde producirá errores extraños.

Answer 4

Los compiladores y minificadores son probablemente lo suficientemente inteligentes como para agregar el punto y coma si es necesario (y si ayuda al proceso de minificación).

¡Sin embargo! Un punto y coma le dice al intérprete que este es el final de una declaración. Si falta, tiene que mirar al comienzo de la siguiente línea para descubrir si tiene sentido que la declaración continúe. Luego decidirá si la siguiente línea es una nueva declaración (es decir, falta un punto y coma) o si de hecho es la continuación de la declaración de la línea anterior.

¡Sin punto y coma, está ralentizando las cosas! ¡Sin mencionar que esto podría introducir algunos errores oscuros cuando el intérprete, al ejecutar el algoritmo que describí, decide equivocarse!

Answer 5

A pesar de que coma en JavaScript son opcionales, no hay consejo fuerte contra el que no utilizan puntos y comas:

• que hace que su código vulnerable para los insectos resultantes de la eliminación de espacios en blanco (usado en minificación): Prueba esto:

  var a = 1; var b = 7; suma var = a + b (a + b)

se le resta a var a=1,b=7,sum=a+b(a+b);, lo que resultará en el error number is not a function. También hay other cases y this case.

actualización: Este error no fue resultante de minimización, sin embargo, el siguiente es:

• que hace que su código vulnerable a los errores resultantes de minimización: Probar:

  var isTrue = true 
  
  function doSomething() { return 'yeah' } 
  
  function doSomethingElse() { return 'yes, dear' } 
  
  doSomething() 
  
  !isTrue && doSomethingElse() 
  

  se minimiza a:

  var isTrue=true;function doSomething(){return "yeah"}function doSomethingElse(){return "yes, dear"}doSomething()!isTrue&&doSomethingElse(); 
  

  que re sultados en:

  SyntaxError: Unexpected token ! 
  

• Esto hace que su código sea menos legible y fácil de mantener en términos de conveniencia: El uso del punto y coma ha sido legítimamente establecida como una buena práctica, y un desarrollador de JavaScript entrenado será confundido por código tratando de evadir la convención .

Otra cosa es, usted tiene que preguntarse: ¿Qué es lo que realmente obtiene omitiendo el punto y coma?

• Código de limpieza? Si desea que JavaScript no se vea como JavaScript, intente Coffee Script. Pero hay some misguided notions, que creen que las dificultades como la mencionada anteriormente se borran con «Solución fácil: cuando una línea comienza con paréntesis, anteponga un punto y coma». ¿Cómo es este código limpio, y cómo ayuda eso a cualquiera que lea tu código?

Conclusión: con la minificación, definitivamente trataría de usar las convenciones de JSLint. He visto a algunas personas finalmente deshilachando su código JavaScript después de horas tratando de arreglar un error que no sucedía en un código no minificado, sino en código minificado. No te metas en esta miseria; Los puntos y comas pueden ser feos a primera vista, pero mantienen los insectos fuera.