In JavaScript, hoisting is the behavior of moving declarations to the top of their scope. This means that variable and function declarations are processed before any code is executed, regardless of where the declaration is written in the code
example code:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <p id="div1"></p> <script type="text/javascript"> var x = "hii"; document.getElementById("div1").innerHTML = x; </script> </body> </html> |
output: hii
Only global variable get hoisted. The let and const keywords were introduced in ECMAScript 6 to provide block-scoped declarations. Unlike variables declared with var, variables declared with let and const are not hoisted to the top of their scope