Scope

In this video, we wrote the code below to demonstrate how a function can "reach out"/access the global scope.

// Global scope let person = 'Lee';

function greeting() { // Function scope person = 'Meg'; alert(Hi, ${person}!); }

greeting(); alert(Hi, ${person}!); greeting();

Therefore, I decided to just tinker and do the reverse (example below) in order to see what would happen. I expected an error message from the console indicating that the person variable in the global scope was not declared/defined therefore assignment of 'Lee' to it could not occur. Instead, the code ran normally with the alerts: 'Hi, Meg!', 'Hi, Lee!', and 'Hi, Meg!'. What does this mean for the reach of the global scope when a variable that's declared inside a function shares the same name as a variable not declared/only referenced within the global scope? It seems like the variable within the global scope still has no bearing over the variable declared within the function as expected, but somehow it's operating within the global scope without having been declared.

// Global scope person = 'Lee';

function greeting() { // Function scope let person = 'Meg'; alert(Hi, ${person}!); }

greeting(); alert(Hi, ${person}!); greeting();