Block scope in Javascript - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is block scope in JavaScript?

Block scope means variables declared inside a pair of curly braces { } are only accessible within those braces.

beginner

Which keywords create block-scoped variables in JavaScript?

The keywords let and const create block-scoped variables. Variables declared with var do not have block scope.

beginner

What happens if you try to access a block-scoped variable outside its block?

You get a ReferenceError because the variable does not exist outside the block where it was declared.

beginner

Example: What will this code output?<br><pre>if (true) { let x = 5; } console.log(x);</pre>

It will cause a ReferenceError because x is declared with let inside the block and is not accessible outside.

beginner

Why is block scope useful in programming?

Block scope helps keep variables limited to where they are needed, avoiding accidental changes or conflicts with variables elsewhere in the code.

Which keyword creates a variable with block scope?

A global

B let

C function

D var

The let keyword creates block-scoped variables, while var does not.

What will happen if you access a block-scoped variable outside its block?

A It works fine

B Returns undefined

C Variable is hoisted globally

D ReferenceError is thrown

Accessing a block-scoped variable outside its block causes a ReferenceError.

Which of these is NOT block scoped?

A const

B let

C var

D variables inside { }

var is function scoped or global scoped, not block scoped.

Why prefer let or const over var?

A They have block scope, reducing bugs

B They are faster

C They are global

D They allow redeclaration

let and const have block scope, which helps avoid bugs caused by variable conflicts.

What does block scope help prevent?

A Variable name conflicts

B Syntax errors

C Infinite loops

D Memory leaks

Block scope limits variables to a block, preventing conflicts with variables of the same name elsewhere.

Explain block scope and how it differs from function scope in JavaScript.

Think about where variables are accessible inside { } versus inside functions.

Describe a situation where using block scope helps avoid bugs in your code.

Imagine two parts of code using the same variable name but needing different values.

Practice

1. Which keyword creates a variable that is limited to the block inside { } in JavaScript?

easy

A. function

B. var

C. let

D. global

Solution

1. Step 1: Understand block scope

   Block scope means variables exist only inside curly braces { }.

2. Step 2: Identify keywords that create block scope

   let and const create block-scoped variables, while var does not.

3. Final Answer:

   let -> Option C

4. Quick Check:

   Block scope = let [OK]

Hint: Remember: let and const are block scoped [OK]

Common Mistakes:

• Thinking var is block scoped
• Confusing function with variable declaration
• Assuming global is a keyword

2. Which of the following is the correct syntax to declare a block-scoped constant variable named score with value 10?

easy

A. var score = 10;

B. score = 10;

C. let score = 10;

D. const score = 10;

Solution

1. Step 1: Identify constant declaration syntax

   To declare a constant, use const followed by the variable name and value.

2. Step 2: Check block scope and immutability

   const creates a block-scoped variable that cannot be reassigned.

3. Final Answer:

   const score = 10; -> Option D

4. Quick Check:

   Constant declaration = const [OK]

Hint: Use const for constants, let for variables [OK]

Common Mistakes:

• Using var which is not block scoped
• Omitting let or const
• Trying to reassign a const variable

3. What will be the output of the following code?

if (true) {
  let x = 5;
}
console.log(typeof x);

medium

A. "undefined"

B. "ReferenceError"

C. "object"

D. "number"

Solution

1. Step 1: Understand variable scope of let

   The variable x is declared with let inside the if block, so it exists only inside that block.

2. Step 2: Check access outside the block

   typeof on an undeclared variable returns "undefined". Direct access like console.log(x) would throw ReferenceError.

3. Final Answer:

   "undefined" -> Option A

4. Quick Check:

   typeof undeclared = "undefined" [OK]

Hint: typeof returns "undefined" for undeclared vars, no error [OK]

Common Mistakes:

• Thinking it throws ReferenceError (confuses with direct access)
• Confusing var and let scope
• Expecting "number"

4. Find the error in this code snippet:

if (true) {
  var y = 10;
}
console.log(y);

medium

A. SyntaxError: Missing semicolon

B. No error, outputs 10

C. TypeError: y is not a function

D. ReferenceError: y is not defined

Solution

1. Step 1: Understand var scope

   var is function-scoped or global-scoped, not block-scoped, so y is accessible outside the if block.

2. Step 2: Check console output

   Since y is defined, console.log(y) outputs 10 without error.

3. Final Answer:

   No error, outputs 10 -> Option B

4. Quick Check:

   var ignores block scope [OK]

Hint: var ignores block scope, accessible outside blocks [OK]

Common Mistakes:

• Expecting ReferenceError for var
• Confusing block scope with function scope
• Thinking semicolon missing causes error

5. Consider this code:

function test() {
  if (true) {
    let a = 1;
    var b = 2;
  }
  console.log(b);
  console.log(a);
}
test();

What will happen when this code runs?

hard

A. Logs 2, then ReferenceError for a

B. Logs 1 and 2

C. ReferenceError for b, then logs 1

D. SyntaxError due to mixed declarations

Solution

1. Step 1: Analyze let a scope

   a is declared with let inside the if block, so it is not accessible outside that block.

2. Step 2: Analyze var b scope

   b is declared with var, which is function-scoped, so it is accessible anywhere inside test().

3. Step 3: Predict console output

   Logging b outputs 2 because it is function-scoped. Logging a causes a ReferenceError because it is out of scope.

4. Final Answer:

   Logs 2, then ReferenceError for a -> Option A

5. Quick Check:

   let block scope hides a, var function scope shows b [OK]

Hint: let is block scoped; var is function scoped [OK]

Common Mistakes:

• Expecting both variables accessible
• Confusing let and var scopes
• Thinking mixed declarations cause syntax error