Hoisting in JavaScript || Hoisting in JavaScript in Hindi
Hoisting in JavaScript is a mechanism by which variable and function declarations are moved to the top of their containing scope before code execution. This means that you can use variables and call functions before they are actually declared in the code.
Hoisting in JavaScript is a mechanism by which variable and function declarations are moved to the top of their containing scope before code execution. This means that you can use variables and call functions before they are actually declared in the code.
Let's look at an example to understand hoisting:
console.log(message); // Output: undefined
var message = "Hello, world!";
In this example, we're trying to log the value of the message variable before it is declared. Surprisingly, the code doesn't throw an error but instead outputs undefined. This is because of hoisting.
As you can see, the variable message is declared at the top of the scope, but its assignment is left in its original position. Since variables in JavaScript are automatically initialized with the value undefined, the console.log statement outputs undefined before the assignment is executed.
As you can see, the variable message is declared at the top of the scope, but its assignment is left in its original position. Since variables in JavaScript are automatically initialized with the value undefined, the console.log statement outputs undefined before the assignment is executed.
In this case, the variable x is declared and initialized with the value 5 at the top of the global scope. Inside the example function, there is a new declaration of x with a value of 10. However, when we log x before the declaration inside the function, it outputs undefined. This is because the local declaration of x is hoisted to the top of the example function scope, but its assignment is not hoisted. Therefore, until the assignment statement is reached, the value of x is undefined.
To avoid confusion and potential bugs, it's generally recommended to declare variables at the top of their respective scope and initialize them before use.
In summary, hoisting in JavaScript allows you to access variables and functions before their actual declarations in the code by moving the declarations to the top of their containing scope during the compilation phase.