¿Cuál sería la calidad clave que necesitaría desarrollar para leer y comprender el código más rápido?

Si puedes leer rápido, puedes leer el código rápido. El truco con el código, al menos en mi cabeza, es que lo miro y la voz interna en mi mente no tiene problemas para traducirlo. Por ejemplo, voy a pegar un pequeño fragmento de la fuente de esta página.

function(){ require.enqueue(function(require) { $(document).ready(function() { w2_timing.logTime('documentReady'); }); $(window).load(function() { var timing = w2_timing.timing; w2_timing.logTime('windowLoad');

Debido a que este es un fragmento de Javascript, leí esto como:
La función cero, los argumentos vacíos, ejecuta, requiere una función anidada una con argumento requiere una variable, en la cola, cuando el Dom de este está listo y disponible, el anidado función dos, una variable global w2_timing’s método logTime, está listo para Dom y disponible, ejecutarlo Con el argumento argumento listo.
Luego, en la ventana de carga, la función anidada no args, ejecute, la función anidada no args, la temporización es igual a la temporización global del método w2_timing.
Luego, ejecute el método logTime con windowLoad en w2_timing global.

Pon eso en un pedazo en tu cabeza. Una parte es una parte de tu memoria a la que puedes acceder como una sola idea. Entiendes ese fragmento de código, y luego vas y buscas algo que tenga más sentido.

http://qsc.is.quoracdn.net/-5030…
Si tomó este archivo, verá que el archivo incluido requiere w2.timing.js
Que es de donde vienen esos métodos. Si observa una cuarta parte de esta página confusa de early.js, encontrará este fragmento.
w2_timing = a})

Esto es una sugerencia sobre el código no oculto y cómo se reproduce la variable. con otros.

Lleve todo ese código de early.js al embellecedor de JavaScript en línea

A continuación, puede desarmar todo el asunto.

var script_defer_queue = script_defer_queue || [];
script_defer_queue.execute = function (a) {
var b = a.fn,
c = a.env;
b.aplicar (c)
}, script_defer_queue.push = function (a) {
script_defer_queue.length === 0? script_defer_queue.execute (a): Array.prototype.push.apply (script_defer_queue, [a])
}, script_defer_queue.execute_ready = function () {
while (script_defer_queue.length> 0 &&! script_defer_queue [0] .marker) script_defer_queue.execute (script_defer_queue [0]), script_defer_queue.shift ()
}, script_defer_queue.pkg_loaded = function () {
script_defer_queue.length> 0 && script_defer_queue [0] .marker ===! 0 && script_defer_queue.shift (), script_defer_queue.execute_ready ()
}, script_defer_queue.execute_ready (), this.require || función (global, indefinida) {
función requiere (a) {
si (! exportado [a]) {
rec (“loader.require”, “Required”, a);
var b, c = instalado [a];
c && (Página en c.id = a, c.exports = b = {}, c (función (b) {
demanda de retorno (b, a)
}, exportado [a] = b, c), c.exports && c.exports! == b && (exportado [a] = c.exports), rec (“loader.require.export” + (c.lazy? “.lazy”: “”), “Exportado”, a))
}
retorno usado [a] =! 0, exportado [a]
}

función de demanda (a, b) {
retorno requerido (a = absolutizar (a, b)) || levantar un)
}

función aumentar (a) {
tira un
}

No tengo una respuesta fácil para esto. Jason Wills-Starin, a quien puedo ver ya lo ha respondido, es un buen punto de partida para leer y comprender el código rápidamente.

Hasta cierto punto, lo hago de manera similar, aunque también trato de “ejecutar” el código mentalmente, visualizando el estado del código y manteniendo notas sobre el estado tal como estaba en cada transición de función. Esto se hace mejor después de que haya trazado el flujo general del código, haya etiquetado todas las diversas funciones para un cambio rápido a ellos y en su mayor parte comprenda los algoritmos en cuestión, ya que este paso es para ayudar a seguir la lógica de las áreas del código no lo entiendas completamente (También es bueno si estás depurando)