Почему функция выводит 'cucumber'?
let food = 'cucumber';
(function() {
let food = 'bread';
getFood();
})();
function getFood() {
console.log(food);
}
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуДиректива let позволяет объявить локальную переменную с областью видимости, ограниченной текущим блоком кода . В отличие от ключевого слова var, которое объявляет переменную глобально или локально во всей функции, независимо от области блока. (ссылка).
Т.е. фактически let который был объявлен внутри IIFE блока, там же и остается (если только не передать его как параметр в функцию getFood).
UPD:
Если убрать let из IIFE блока - то он изменит состояние внешнего let food
на bread
. Я полагаю в этом и заключается главная проблема - переменную объявляют заного вместо присвоения food = "bread"
let food = 'cucumber';
(function() {
food = 'bread';
getFood();
})();
function getFood() {
console.log(food);
}
Ваш пример сработает так, как вы хотели, если поменять директиву let на var
не сработает. Там самовызывающаяся функция которая полужит ограничителем области видимости для второго food
26 фев 2018 в 9:47
food = cucumber
26 фев 2018 в 9:49
bread
ибо в текущем скоупе food
переопределен
26 фев 2018 в 9:55
Что происходит пошагово.
food
;getFood
которая берет значение из переменной в глобальной области видимости и выводит его в консоль.food
(так как блок видимости переменной объявленной через ключевое слово let
ограничено фигурными скобками то переменную food
в глобальной области оно не перезатирает) и вызвана функция getFood
. Так как функция getFood
определена в глобальной области видимости то и переменную food
она берет из глобальной области видимости а не из той где она вызывается, а в глобальной области food
не был переопределен.Если вы внутри самовызывающейся функции переопределите getFood
то будет тот результат которого вы ожидаете, так как функция возьмет "местное" значение переменной food
let food = 'cucumber';
(function (){
let food = 'bread';
getFood();
function getFood(){
console.log(food);
}
})();
function getFood(){
console.log(food);
}