JavaScript中的变量提升和函数提升

关于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会给人带来误解

转载于:https://my.oschina.net/u/1460994/blog/3084605