¿Cómo organizar la aplicación jquery compleja?

Question

Tengo un problema con mis aplicaciones jquery por completo. Cuando la aplicación es pequeña, es genial. Pero cuando es bastante grande, es un desastre. Funciones anidadas, llamadas ajax, selectores, manipulaciones dom. Parece que no puede contenerse, especialmente cuando tiene una lógica compleja.

El enfoque funcional no me ayuda mucho. Y no veo cómo usar las clases y la herencia aquí en la práctica. ¿Cómo organizar el código? He leído muchos artículos sobre herencia prototípica y pseudo clásica, pero solo explican cómo funcionan las cosas, como cómo se puede heredar 'Persona' de 'Humano' o algo así. ¿Cómo puedo usarlo en la vida real?

Answer 1

Encuentro dos cosas que realmente ayudan a organizar javascript. Objetos de uso único para encapsulación (http://www.dustindiaz.com/namespace-your-javascript) y dos, escriba una biblioteca para tareas comunes. Las estrategias de refactorización normales funcionan para javascript, funciones de extracción, commonize, si tienes 4 funciones que hacen casi lo mismo, cámbialas a una sola función que pueda manejar los cuatro casos.

Answer 2

Cuando planifico una gran aplicación jQuery en la que estoy trabajando actualmente, encontré this post de Addy Osmani muy útil.

Revelación total, sin embargo: terminamos colgando la mayor parte de la red troncal de nuestra aplicación de un núcleo YUI3. Todo nuestro código de "controlador" está escrito en jQuery, pero el modelo de datos frontend es YUI3.