关于“声明提升”

来源:互联网 发布:linux域名绑定公网ip 编辑:程序博客网 时间:2024/05/18 23:16

本文章讲的是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页