Tengo una pregunta sobre el mecanismo para hacer una cadena de alcance en JavaScript. En el navegador Chrome, los resultados de la cadena de alcance son diferentes según las variables de referencia o no.

Dejame mostrarte un ejemplo.

EJEMPLO 1. CÓDIGO Y RESULTADO

 var A = 'Hello' function foo() { var B = 'World' function bar() { var A = 'Junhyunny' if (A) { const C = 'JavaScript' if (B) { const D = 'Post' function baz() { console.log(A) console.log(B) console.log(C) console.log(D) console.dir(baz) } } } baz() } bar() } foo()

• Hay cinco alcances en [[Scope]] , esperaba.

EJEMPLO 2. CÓDIGO Y RESULTADO

 var A = 'Hello' function foo() { var B = 'World' function bar() { var A = 'Junhyunny' if (A) { const C = 'JavaScript' if (B) { const D = 'Post' function baz() { // console.log(A) // console.log(B) // console.log(C) // console.log(D) console.dir(baz) } } } baz() } bar() } foo()

• Solo hay 3 ámbitos en [[Scope]] .
• Supongo que las razones de este resultado.
  • La declaración de la función baz se efectúa mediante la variable B, por lo que es necesario el alcance Block(foo) .
  • La variable B se declara en la función foo , por lo que el alcance Closure(foo) es necesario.
  • El Alcance Global es necesario.

¿Hay alguna lógica de optimización para hacer una cadena de alcance? No puedo encontrar referencias para este fenómeno.