What are some common mistakes with lexical scoping in JavaScript?

What are some common mistakes with lexical scoping in JavaScript?

Common mistakes include misunderstanding closures, variable hoisting, and the use of 'this' keyword.

Can you explain how closures can lead to mistakes?

Sure! Closures can cause unexpected behavior if you don't realize that inner functions retain access to outer function variables.

What about variable hoisting? How does that affect scoping?

Variable hoisting can lead to confusion because variables declared with 'var' are hoisted to the top of their scope, which can result in undefined values if accessed before declaration.

How can I avoid these mistakes in my code?

To avoid these mistakes, always declare variables with 'let' or 'const', be mindful of closures, and understand the scope chain.