JS 变量提升和函数提升

变量提升

这里介绍一个变量提升提升的经典案例

for (var i = 0; i < 10; i++) {
	setTimeout(() => {
	console.log(i);
}, 1000)

这里打印是10个10，因为在执行第一个setTimeout时，Js不会等待1秒后再去打印第一个i，而是去执行下一个循环，但是因为每个循环中都是setTimeout,所以整个for循环都执行完了之后i才开始打印出来，而var具有变量提升，就是说var的作用域不限于for循环内部。

上面的写法就相当于如下：

var i;
for ( i = 0; i < 10; i++) {
	setTimeout(() => {
	console.log(i);
}, 1000)

如上图所示就是最后所有的i都共用同一个i，而i在for循环完成后值为10,所以这里输出了10个10。

函数提升

 ①如下所示，函数名和变量名都为a

var a = 10;
function a() {}
console.log(typeof a);

首先函数提升优先级比变量提升高，上面代码其实等同于下图

function a(){}
var a;
a = 10;
console.log(typeof a)

所以a最后被赋值为10，所以typeof a为number

②

var a = 10;
function a() {}
console.log(typeof a);//function