javascript变量预解析与函数声明提前

在ECMAScript中，有一个叫做执行上下文（Execution Contexts）的概念，他在理论上规定了函数在执行时的执行顺序[具体则是由浏览器引擎来实现，不过chrome的v8引擎和firefox的 xxx-spider引擎在实现上会有一些细节的差异。]，这里涉及到的2个执行顺序的规则如下：

1. 使用function声明的函数会最先被编译，因此在相同作用域中，我们总能直接使用function声明的函数；

2. 使用var声明的变量和函数表达式会被自动提升到作用域的顶部，这种现象叫做hoisting。

于是这个问题就很好解释了。
想要深入了解执行上下文，可点击这里
你也可以继续阅读汤姆大叔的这系列文章，非常有价值.深入理解javascript系列

因为你这种情况出现时, 都已function为准, 不管顺序如何.

函数声明会在任何表达式被解析和求值之前先被解析和求值，即使你的声明在代码的最后一行，它也会在同作用域内第一个表达式之前被解析/求值

function bar() {
  var foo;
  return foo;
  function foo() {};
  foo = 11;
}

function foo() {}
函数声明会在执行前被解析 存在于当前上下文的任意一个地方 typeof(foo) 已经为 Function
而 var foo = 11 只会提前声明出变量 foo

由于js有声明提前，你的代码等同于下面。

  function bar() {
        var foo;
        function foo() {};
        return foo;
        //以下不会被执行
        foo = 10;        
        foo = 11;
    }
    console.log(typeof bar());

答案如 @yofine 代码所写，var foo = 11实际上是两句话var foo; foo = 11，函数中只有声明（包括变量声明和函数声明）会被提前（hosited），所以foo = 11还是原来的位置。两次赋值都在return 之后所以自然是Function了，如果把foo = 10放到return 前面就是Number了。

新问题参见这里（引自：http://www.cnblogs.com/MockingBirdHome/p/3385152.html）：

如果存在函数声明和变量声明（注意：仅仅是声明，还没有被赋值），而且变量名跟函数名是相同的，那么，它们都会被提示到外部作用域的开头，但是，函数的优先级更高，所以变量的值会被函数覆盖掉。

// Both the variable and the function are named myName
var myName;

function myName () {
console.log ("Rich");
}

// The function declaration overrides the variable name
console.log(typeof myName); // function

但是，如果这个变量或者函数其中是赋值了的，那么另外一个将无法覆盖它：

// But in this example, the variable assignment overrides the function declaration
var myName = "Richard"; // This is the variable assignment (initialization) that overrides the function declaration.

function myName () {
console.log ("Rich");
}

console.log(typeof myName); // string

另外，~~做删除线的是Markdown的扩展语法，SF对扩展语法支持的不全，你可以直接使用HTML标签做删除线。