先不讲官方对“函数提升”与“变量提升”的定义,请回答我俩问题:
这里弹出“1”,应该是没什么问题吧?那么再看看下面这个:
相信很多同学会说,这里也是弹出1,没错,答案确实是1。那么我顺便就告诉你,上面的写法2就是所谓的函数提升。概念待会再普及,另外,补充一下,foo()函数这种写法是函数声明式。函数表达式的写法不存在函数提升。
接下来来看变量提升:
以上输出1234应该没异议吧?那么往下看:
请问上面输出的是多少?如果你测试了,就会得到undefined。为啥呢?实际上写法2就相当于:
写法3中,foo()函数里将num变量重新声明,然后弹出num,再给num赋值,那么弹出的自然是未赋值的num,而未赋值的num自然就是undefined。
有同学可能会问,上面的var num = 1234;无效吗?
是的,无效,因为这就是变量提升。变量提升就是:当函数内部定义的一个变量与外部相同时,那么函数体内的这个变量就会被上升到最顶端。
那么接下来就是讲函数提升。函数提升的概念就是:在js中,函数的声明会被提升到最顶部执行,变量提升也一样。如果函数提升与变量提升同时存在,函数提升优先级高于变量提升(Hosting)。