«let» vs «var» внутри «блока»

Question

Не уверен, что это было отвечено в другом месте. Я прошел через this ответ

Это мой код:

var fruit = "apple"; 
 
if (true) { 
 
    console.log(fruit); // expected "apple" 
 
    let fruit = "orange"; // since this is not hoisted to the top 
 
    console.log(fruit); // "orange" as expected 
 
}

Почему мы не можем получить доступ к внешней переменной fruit внутри if блока. Я понимаю, что переменные, объявленные с let, не поднимаются в пределах области блока/функции.

Я получаю Uncaught ReferenceError: fruit is not defined Ошибка. Почему так?

Хотя, если я изменю имя переменной внутри блока if на что-то еще, тогда он работает так, как ожидалось. Итак, почему этот конфликт с тем же именем, главным образом, когда let fruit = "orange" не поднят на вершину.

Answer 1

• Объем переменной 'fruit' определен внутри блока.
• Пожалуйста, ознакомьтесь с ссылкой. Ваш сценарий хорошо объяснен в 'Temporal мертвой зоны и ошибках с пусть' & 'Другим примером'

Ссылка - https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/let

Thanks Sriram