Scribd
Upload
13 views7 pages

Hoisting in JavaScript

Hoisting in JavaScript refers to the behavior where variable and function declarations are moved to the top of their scope during the memory creation phase. Function declarations are fully hoisted, allowing them to be called before their definition, while variable declarations are hoisted but not initialized, leading to 'undefined' if accessed early. Best practices suggest declaring variables and functions at the top of their scope to prevent confusion and bugs.

Uploaded by

jikidif998
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
13 views7 pages

Hoisting in JavaScript

Hoisting in JavaScript refers to the behavior where variable and function declarations are moved to the top of their scope during the memory creation phase. Function declarations are fully hoisted, allowing them to be called before their definition, while variable declarations are hoisted but not initialized, leading to 'undefined' if accessed early. Best practices suggest declaring variables and functions at the top of their scope to prevent confusion and bugs.

Uploaded by

jikidif998
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 7

Javascript

Hoisting
Hoisting in JavaScript:

During the memory creation phase, the JavaScript engine


moves all declarations (variables and functions) to the
top of their scope. This means that regardless of where
functions and variables are declared in the code, they are
moved to the top in the background before the code
executes.

"Put Simply: JavaScript's default behavior of moving function


and variable declarations to the top of the scope."
hoisting-example.js

// Function Hoisting Example

console.log(sayHello()); // Output: "Hello!"

function sayHello() {
return "Hello!";
}

"Function declarations are fully hoisted. You can call


them before their definition. Except functions declared
as variables."
hoisting-example.js

// Variable Hoisting Example

console.log(greeting); // undefined
var greeting = "Hi!";

"Variable declarations are hoisted, but their


initializations are not. This is why you get
'undefined' when accessing them before the
declaration."
hoisting-example.js

// Let & Const Hoisting Example

console.log(message); // ReferenceError
let message = "";

"Variables declared with let and const are hoisted but


not initialized, leading to a ReferenceError if
accessed before declaration."
hoisting-example.js

// Hoisting Best Practices Example

var greeting = "Hello";


let message = "Fellow Coders";
function showMessage() {
console.log(greeting+" "+message);
//Hello Fellow Coders
}
showMessage();

Best Practices
"Always declare your variables and functions at the top of
their scope to avoid confusion and potential bugs."
FOLLOW FOR
MORE
JAVASCRIPT
INSIGHTS!

You might also like