两分钟搞懂函数提升与变量提升

Posted 2023-03-09

参考技术A 先不讲官方对“函数提升”与“变量提升”的定义，请回答我俩问题：

这里弹出“1”，应该是没什么问题吧？那么再看看下面这个：

相信很多同学会说，这里也是弹出1，没错，答案确实是1。那么我顺便就告诉你，上面的写法2就是所谓的函数提升。概念待会再普及，另外，补充一下，foo()函数这种写法是函数声明式。函数表达式的写法不存在函数提升。

接下来来看变量提升：

以上输出1234应该没异议吧？那么往下看：

请问上面输出的是多少？如果你测试了，就会得到undefined。为啥呢？实际上写法2就相当于：

写法3中，foo()函数里将num变量重新声明，然后弹出num，再给num赋值，那么弹出的自然是未赋值的num，而未赋值的num自然就是undefined。

有同学可能会问，上面的var num = 1234;无效吗？

是的，无效，因为这就是变量提升。变量提升就是：当函数内部定义的一个变量与外部相同时，那么函数体内的这个变量就会被上升到最顶端。

那么接下来就是讲函数提升。函数提升的概念就是：在js中，函数的声明会被提升到最顶部执行，变量提升也一样。如果函数提升与变量提升同时存在，函数提升优先级高于变量提升（Hosting）。