[Javascript] Hoisting in JavaScript

// Variable Hoisting
var myVariable = 'Outer Value';
var fn = function(){
  alert(myVariable);
  var myVariable = 'New Local Value';
};
fn();

var myVariable = 'Outer Value';

var fn = function(){
   var myVariable  = undefined;
   alert(myVariable );
   myVariable = 'New Local Value';
}

fn();

//So the alert result will be undefined

function fnDeclaration(){
  return 'This is function declaration';
}


var fnExpression = function(){
   return 'This is function expression';
}

// Function Declaration Hoisting
function foo(){
  function bar() {
      return 1;
  }
  return bar();
  function bar() {
      return 2;
  }
}
alert(foo());

function foo(){
    function bar(){
        return 1;
    }

    function bar(){
        return 2;
    }

     return bar();  // 2 will be alerted
}

// Function Expression Hoisting
function foo2(){
  var bar = function() {
      return 1;
  };
  return bar();
  var bar = function() {
      return 2;
  };
}
alert(foo2());

function foo2(){

    var bar = undefined;  //variable is hoisted
    var bar = undefined;

    bar = function(){      //function expression is not hoisted
        return 1;
    }

    return bar();
}