关于JavaScript中的变量提升和函数提升,看一道面试题:
console.log(a)
function a(){}
console.log(a)
var a = 0;
console.log(a)
以上代码中会打印出什么呢?
一开始,我以为是
undefined
function a(){}
0
后来我以为是
function a(){}
undefined
0
但是实际上是:
function a(){}
function a(){}
0
为什么呢?
其实就两个姿势点
1.函数和变量相比,会被优先提升。这意味着函数会被提升到更靠前的位置。以下图片截取致MDN官网
2.如果你重新声明一个 JavaScript 变量,它将不会丢失其值。
上面的代码可以看作是这样的:
function a(){}
var a;
console.log(a)
console.log(a)
a = 0;
console.log(a)
为什么第一个a打印的是function a(){},因为函数比变量优先提升;
为什么第二个a打印的还是function a(){},因为重新声明一个变量,它不会丢失其值;
至于第三个a打印的是0就很简单了,a被重新赋值为0,打印出来的自然是0了。
所以说以下代码是不一样的
function b() {}
var b = undefined;
console.log(b)
// 没有赋值
function b() {}
var b;
console.log(b)
所以单纯的说使用var申明一个变量,其默认值是undefined会给人带来误解