¿Cuál es la mejor manera de abordar la lectura del código fuente para una biblioteca de JavaScript?

En mi opinión, hay algunas formas de enfoque comunes:

+ Comience mirando una función individual que le interese, intente encontrar la fuente que la implementa. Busque las palabras clave en todo el código fuente y vea todo de manera conectada. Para Jquery deberías probar esto: http://james.padolsey.com/jquery/. Puede buscar una función, todas las funciones relacionadas se resaltarán.
+ Escribe tu propio diagrama de flujo del programa, ten en cuenta que todo te confunde o te interesa. Notes es muy importante porque te permite seguir fácilmente lo que estás haciendo y cuando olvidas algo, puedes rastrearlo rápidamente.
+ Ejecute cada declaración paso a paso hasta llegar al final, de esta manera podrá ver cómo funcionan las partes juntas.
+ Intenta cambiar el código fuente, depurar y ver el resultado (eliminar, agregar, cambiar algunas líneas …)
+ Si es posible, trate de responder algunas preguntas: ¿Por qué implementan de esa manera? ¿Como lo haras? Vuelva a escribirlo usted mismo y luego compárelos Siempre puede extraer algunas funciones particulares en un programa separado y jugar con ellas.

Por supuesto, creo que antes de cavar en el código fuente de la biblioteca, debe prepararse bien. Conceptos básicos, patrón JavaScript, estilo de codificación, mejores prácticas … Cuando estás atascado, Stack Overflow, Quora … estás ahí para que obtengas ayuda.

Aquí hay algunos artículos que pueden ser útiles para usted:
Aprende a leer la fuente, Lucas
Por qué me encanta leer el código de otras personas y tú también deberías
Consejos para leer el código

Espero eso ayude.

Busque la “fuente anotada” de la biblioteca que le interesa. Por lo general, es el código fuente bien formateado a la derecha, con un comentario continuo con explicaciones a la izquierda.

Aquí está la fuente anotada para jQuery 1.6, por ejemplo.