Hoisting is a default behaviour in JavaScript where all the declarations (variables &amp; functions) are moved to the top of the current scope. I’m gonna discuss on variable hoisting today.
Let’s understand the variable hoisting with the below sample.
<pre><code>a = "Hello";

console.log(a); // Hello 

var a;
</code></pre>We can see “Hello” on the console even though we declared ‘a’ in the end. Well, This is where hoisting comes into play. By default, JavaScript moves the declarations at the top while execution, and it is initialised. This is ‘Variable Hoisting’
Let’s look into another example.
<pre><code>console.log(a); //undefined

var a = "Hello";
</code></pre>We see “undefined” in the console. But Why ?
This is because by default JavaScript moves only the declaration at the top and not the ‘initialisation’
Thanks for reading this story.

Hoisting is a default behaviour in JavaScript where all the declarations (variables & functions) are moved to the top of the current scope. I’m gonna discuss on variable hoisting today.

Let’s understand the variable hoisting with the below sample.

```
a = "Hello";

console.log(a); // Hello 

var a;
``` 

We can see **“Hello”** on the console even though we declared **‘a’** in the end. Well, This is where hoisting comes into play. By default, JavaScript moves the declarations at the top while execution, and it is initialised. This is **‘Variable Hoisting’**

Let’s look into another example.

```
console.log(a); //undefined

var a = "Hello";
``` 

We see **“undefined”** in the console. But Why ?

This is because by default JavaScript moves only the declaration at the top and not the **‘initialisation’**

Thanks for reading this story.





Variable Hoisting in JavaScript