关于“声明提升”

本文章讲的是JavaScript语言。

代码：

var sum = function(num1, num2){
    return num1 + num2;
};
console.log( sum(1,2) );

function sum(num1, num2){
    return num1 + num2 + 100;
}
console.log( sum(1,2) );

你猜输出了什么？
输出为：
- 3
- 3

看到这里，如果你知道JS是没有重载的，大概会知道：
声明了两个同名函数，后面的函数会覆盖前面的函数。
因此你可能会奇怪为什么第二个输出为什么也是3，不应该是103吗？

如果你想了半天不知道是为什么，那你一定是不熟悉 “声明提升” 这玩意了。

“声明提升”的好文章网上有很多，我就不详细讲了，大概讲一下。
代码编译时，每个作用域的声明会提升，就是把这些声明会放到放到最前面。
另外，函数先被提升，然后才轮到变量。
所以上面的代码其实是这样的。

//函数声明提升
function sum(num1, num2){
    return num1 + num2 + 100;
}
//变量声明提升
var sum; 

//注意，这里等于号后面的是函数表达式，并不是声明
sum = function(num1, num2){
    return num1 + num2;
};
console.log( sum(1,2) );
console.log( sum(1,2) );

所以，你知道后面的函数是哪个了吧？

参考文献：
1. 《JavaScript高级程序设计（第三版）》第111页
2. 《你不知道的JavaScript（上卷）》第37页