Block Scope

The next context we’ll cover is block scope. When a variable is defined inside a block, it is only accessible to the code within the curly braces {}. We say that variable has block scope because it is only accessible to the lines of code within that block.

Variables that are declared with block scope are known as local variables because they are only available to the code that is part of the same block.

Block scope works like this:

const logSkyColor = () => { let color = 'blue'; console.log(color); // blue }; logSkyColor(); // blue console.log(color); // ReferenceError

You’ll notice:

  • We define a function logSkyColor().
  • Within the function, the color variable is only available within the curly braces of the function.
  • If we try to log the same variable outside the function, throws a ReferenceError.



In main.js, define a function logVisibleLightWaves().


Within the logVisibleLightWaves() function, using const, create a variable lightWaves and set it equal to 'Moonlight'.


Within the logVisibleLightWaves() function, beneath the lightWaves variable, add a console.log() statement that will log the value of the lightWaves variable when the function runs.


Call the logVisibleLightWaves() function from outside the function.


Beneath the function call, log the value of lightWaves to the console from outside the function.

You’ll notice that it logs a ReferenceError since the variable is tied to the block scope of the function!

Folder Icon

Take this course for free

Already have an account?