tag tab style change attribute javascript unit-testing

tab - Mejores prácticas de Javascript



title html (9)

¿Cuáles son algunos buenos recursos para aprender las mejores prácticas para Javascript? Me preocupa sobre todo cuando algo debe ser un objeto vs. cuando debe ser rastreado en el DOM. También me gustaría aprender mejor cómo organizar mi código para que sea fácil probar la unidad.


Como una adición al libro de Crockford, es posible que también desee consultar esta parte de las Convenciones de código para el Lenguaje de programación de Javascript . También tengo una sugerencia ligeramente diferente: en lugar de utilizar una biblioteca JS de la noche a la mañana, ¿por qué no crear la tuya propia? Puede escribir una biblioteca de mierda (como yo lo hice), pero aprenderá algo en el proceso. Usted tiene ejemplos existentes que puede usar como modelos. Además, para ayudarlo a comprender los patrones de diseño de JS, recomendaré otro libro, ''Patrones de diseño de Pro Javascript''.


Me gustó JavaScript: The Good Parts por Douglas Crockford aunque está enfocado completamente en el lenguaje e ignora el DOM por completo.


No estoy de acuerdo con la declaración de "usar un marco" hasta cierto punto. Demasiadas personas usan marcos a ciegas y tienen poca o ninguna comprensión de lo que sucede detrás de las cortinas.


Probablemente lo más importante es utilizar un marco, como jQuery o prototype , para eliminar las diferencias entre los navegadores y, además, facilitar las cosas en general.



Seconding Javascript: The Good Parts y el libro de Resig Secretos del Javascript Ninja .

Aquí hay algunos consejos para Javascript:

  • No contamine el espacio de nombres global (ponga todas las funciones en objetos / cierres)
    • Eche un vistazo a YUI , es una gran base de código con solo 2 objetos globales: YAHOO y YAHOO_config
  • Use el patrón de Módulo para singletons ( http://yuiblog.com/blog/2007/06/12/module-pattern/ )
  • Haga que su JS sea lo más reutilizable posible (plugins jQuery, módulos YUI, objetos JS básicos). No escriba toneladas de funciones globales.
  • No olvides var tus variables
  • Use JSlint: http://www.jslint.com/
  • Si necesita guardar el estado, probablemente sea mejor utilizar objetos en lugar del DOM.



El Teatro YUI tiene un montón de videos (algunos con transcripciones) de Steve Souders, Douglas Crockford, John Resig y otros sobre JavaScript, YUI, rendimiento del sitio web y otros temas relacionados.

También hay conversaciones de tecnología de Google muy interesadas en Youtube sobre jQuery y otros marcos.