Question 1

What are scope and closures?

Accepted Answer

**Scope** determines where a name is visible. A **closure** is what happens when a function keeps access to its scope after that scope would otherwise be gone. The second is the one that confuses people, and it follows directly from the first.

**Scope, briefly:**

**Global scope** — visible everywhere.

**Function scope** — visible within the function.

**Block scope** — visible within braces, which is what `let` and `const` introduced to JavaScript, where `var` had only function scope.

**Lexical scoping** — the rule almost all modern languages use. What a name refers to is determined by **where the code is written**, not by where it is called from. You can determine scope by reading the source, which is why it is also called static scoping.

**The scope chain.** When a name is used, the innermost scope is checked, then the enclosing one, outward to global. The first match wins — inner names **shadow** outer ones.

**Closures.** A function defined inside another function can use the outer function's variables. Normally the outer function's local variables would be discarded when it returns. But if the inner function survives — returned, stored, passed as a callback — it **keeps those variables alive**. The function plus its retained environment is the closure.

**What closures are actually used for:**

**Private state.** Variables in the enclosing scope are reachable only through the returned function, giving genuine encapsulation without any class machinery — a counter that cannot be tampered with.

**Callbacks and event handlers** that need context from where they were created.

**Partial application** — a function that returns another function with some arguments already fixed.

**Module patterns**, historically the main way JavaScript achieved privacy.

**The classic gotcha:** creating functions in a loop with `var` gives every closure the **same** variable, so all of them see the final value. With `let`, each iteration gets its own binding and they behave as expected. This single example explains most closure confusion.

**Closures retain memory**, so a long-lived closure holding a large object prevents its collection.

Question 2

Why does this become undefined inside a callback in JavaScript?

Accepted Answer

In JavaScript the value of this is determined by how a function is called, not by where it was written. When you pass a method somewhere as a callback, you pass the function itself and leave the

Question 3

What causes Cannot read properties of undefined in JavaScript?

Accepted Answer

The error means you accessed a property on a value that was undefined or null. Modern engines name the property in the message, and that name is the most useful clue available, because it tells you

Question 4

What are TypeScript type definitions for beginners?

Accepted Answer

TypeScript type definitions help beginners define and use types, ensuring code quality and preventing errors. Key methods include basic types, interfaces, type aliases, generics, and declaration files.

Question 5

What makes a good variable name, and why does it matter so much?

Accepted Answer

A good name states what the thing is, in the language of the problem, so a reader does not have to reconstruct it from the code. Naming matters because code is read far more often than it is written,

Question 6

What are TypeScript generics actually for?

Accepted Answer

Generics let a function or type work with many types while preserving the relationship between what goes in and what comes out. Without them you face a choice between writing the same function

Question 7

What do I need to know about TypeScript types as a beginner?

Accepted Answer

Understanding TypeScript types is crucial for beginners to write error-free code. Key concepts include basic types, arrays, enums, interfaces, and function types.

Related Questions