Почему выведет «Вася»?

Question

[Александр Nameless08]

Почему данный код выведет "Вася"?
let name = "Вася";
function sayHi() {
alert(name);
}

setTimeout(function() {
let name = "Петя";
sayHi();
}, 1000);

Comments

[Павел]

потому что let и область видимости -> гугл

Answer 1

[Павел Корнилов]

А так будет Петя.

let name = "Вася";
function sayHi(name) {
  alert(name);
}

setTimeout(function() {
  let name = "Петя";
  sayHi(name);
}, 1000);

Comments

[Александр Nameless08]

Да, я так понял что в случае выше alert тянет глобальную переменную, а не с контекста вызова функции.
Примерно похожее накатал, проверяя:

var a = true;

    let name = 'Антон';

    if(a == true){

        getName();

        function getName(){
            let name = 'Вася';
            sayHi(name);
        }
        
    }else {

        getName2();

        function getName2(){
            let name = 'Вова';
            sayHi(name);
        }

    }

    function sayHi(a) {
        alert(a);
    }

В этом случае также выводит имя в зависимости от контекста вызова функции

[Павел Корнилов]

Александр Nameless08, это избыточно: 2 раза объявлять функцию, когда можно всего лишь передать ей нужный параметр для исполнения. А брать из функции внешнюю переменную хорошо лишь при замыкании. Во всех остальных случаях это чревато загаживанием глобального скопа.

Answer 2

[Stalker_RED]

let name = "Вася"; // переменная в области видимости window
function sayHi() {
  alert(name);
}

setTimeout(function() { // анонимная функция
  let name = "Петя"; // переменная видна только внутри этой анонимной функции
  sayHi();
}, 1000);

Answer 3

[Александр Аксентьев]

let name = "Вася";
function sayHi() {
alert(name);
}

setTimeout(function() {
name = "Петя";
sayHi();
}, 1000);

потому что разные области видимости

Answer 4

[Zzzz9]

Почитай про область действия переменных