У меня проблемы с лексической областью в javascript

Question

Я читаю несколько книг, изучая javascript, и я вижу, что javascript использует лексическую область.

Лексическая область видимости означает, что все, что переменные находится в области, где вы определяете функция из (в отличие от того, когда вы его называете) находитесь в области видимости в функции

Я пробовал некоторый простой пример:

function f() { 
    console.log(x); 
} 
const x = 10; 
f(); // 10 

Тогда как это работает и почему оно регистрирует значение 10? Переменная x не существует, когда я определяю функцию. Я javascript noob, так что, возможно, я что-то пропустил. Заранее спасибо.

Answer 1

Это связано с концепцией под названием Подъем. По существу, любое объявление перемещается в начало области и, следовательно, всегда доступно в любом месте области.

Во время определения вашего идентификатора функции лексическая область захватывает ссылку на x.

сообщение, которое х присваивается 10.

Read more about hoisting in JS here. (JavaScriptisSexy.com) More specifically about Hoisting and const here.