Hoisting in Functions in Javascript

• Hoisting Javascript
• Functions are hoisted completely i.e, a function can be called before it is declared.

functionName(); // Chaitanya

function functionName() {
	console.log("Chaitanya");
}

What will be the output of the following code?

var x = 21;

var fun = function () {
	console.log(x); 
	var x = 20;
};

fun();

?
https://youtu.be/btwFJT_xzdg?t=755&si=V4wkk0Q37IwVnLV0

• Answer is undefined, but why?
  1. var x is hoisted with the value undefined
  2. var fun a Function Expression Javascript is hoisted.
  3. x is initialized to 21
  4. Local var x shadows the global x and hoisted with the values of undefined
  5. console.log(x) is before initialization of x
  6. Therefore the value undefined is printed