Как работают статические и динамические области видимости (scope)?

Question

Статическая область видимости (или лексическая область) означает, что правила определения видимости переменных устанавливаются на этапе написания кода, а не во время выполнения. Это значит, что функции запоминают свое окружение, в котором были созданы. Динамическая область видимости, в отличие от этого, определяется тем, как функции вызываются, а не как они определены, что более характерно для некоторых других языков. В JavaScript используется именно статическая область видимости.

YeaHub · Accepted Answer

В JavaScript область видимости определяет, где в коде можно получить доступ к определённым переменным. Статическая (лексическая) область видимости означает, что переменные доступны в контексте, в котором они были определены, и это определяется на этапе написания кода. Например, если функция определена внутри другой функции, то внутренняя функция имеет доступ к переменным внешней функции, даже если внешняя функция уже завершила выполнение.Пример кода:function outerFunction() {
    	const outerVar = 'I am from outer function';    
    	function innerFunction() {
        	console.log(outerVar); // Доступ к переменной outerVar    
    	}    
    	innerFunction(); 
} 
outerFunction(); // Вывод: I am from outer functionДинамическая область видимости была бы определена тем, как функция вызывается, а не где она определена. Это менее распространено в JavaScript, так как язык строго следует статической области видимости. Это может вызвать путаницу у разработчиков, особенно если они приходят из языков с динамической областью видимости.Таким образом, понимание статической области видимости позволяет разработчикам лучше организовывать код и избегать проблем с доступом к переменным.