变量提升
这里介绍一个变量提升提升的经典案例
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