How to Fix ReferenceError: is not defined in JavaScript

A ReferenceError: is not defined happens when JavaScript tries to use a variable or function that was never declared. To fix it, declare the variable or function before using it, or check for typos in the name.

Why This Happens

This error occurs because JavaScript cannot find the variable or function you are trying to use. It means the name you wrote does not exist in the current scope or was never declared.

Common reasons include typos, forgetting to declare a variable with let, const, or var, or trying to use a variable before it is created.

javascript

console.log(myVar);

// ReferenceError: myVar is not defined

Output

ReferenceError: myVar is not defined

The Fix

To fix this error, declare the variable or function before you use it. Make sure the name matches exactly, including capitalization. If you want to use a variable, declare it with let, const, or var.

javascript

let myVar = 'Hello!';
console.log(myVar);

// Output: Hello!

Output

Hello!

Prevention

To avoid this error in the future, always declare your variables before using them. Use consistent naming and watch out for typos. Enable a linter like ESLint in your editor to catch undeclared variables early. Also, use const or let instead of var for clearer scope rules.

Related Errors

Other similar errors include:

• TypeError: Happens when you try to use a value in a wrong way, like calling a non-function.
• SyntaxError: Happens when your code has invalid syntax, like missing brackets.
• ReferenceError: Can also happen if you try to use a variable outside its scope.

Key Takeaways

Always declare variables or functions before using them to avoid ReferenceError.

Check for typos in variable and function names carefully.

Use modern declarations like let and const for better scope control.

Enable a linter to catch undeclared variables early.

Understand JavaScript scope to prevent accessing undefined names.