JavaScript hoisting explanation

Question

What is the difference between below snippets?

var a = 0;
function b(){
    a = 10;
    return function a(){};
}
b();
console.log(a);  // => 10
         


        

Answer 1

Let's assume.

You are playing cricket. bowler is on the way and you just hit your bat on the air.

Would it be shot? No!

So if we assume Hoisting is cricket, therefore there is no sense to hit ball till bowler does not throw the ball

Quick Example:

Hoisted

console.log('batsman hit but ', ballStatus()); // batsman hit but  true


function ballStatus() {
    return true;
}

Non-Hoisted

 console.log('batsman hit but ', ballStatus()); // Uncaught TypeError: ballStatus is not a function

 var ballStatus = function() {
    return true;
 }