js变量和函数提升
创始人
2024-05-29 14:10:15

1、变量提升

变量提升是JavaScript 中比较“奇怪”的现象,它允许在变量声明之前即被访问 (仅存在于var声明变量)

注意:
1.变量在未声明即被访问时会报语法错误
2.变量在var声明之前即被访问,变量的值为 undefined
3.let/const声明的变量不存在变量提升
4.变量提升出现在相同作用域当中
5.实际开发中推荐先声明再访问变量

变量提升核心:

代码在执行之前,先去检测当前作用域下所有var声明的变量
并把var声明的变量,提升到当前作用域的最前面。
只提升变量,不提升赋值。


在这里插入图片描述
上面的代码,就相当于:


又例如:

function fn() {console.log(num + "件");var num = 10;
}
fn();

在这里插入图片描述

function fn() {var num//变量提上console.log(num + "件");num = 10;//赋值不提升
}
fn();

初学者经常花很多时间才能习惯变量提升,还经常出现一些意想不到的bug,正因为如此,ES6 引入了块级作用域用let 或者const声明变量,让代码写法更加规范和人性化。

2、函数提升

会把所有的函数声明到当前作用域的最前面
只提升函数声明,不提升函数调用

fn();
function fn() {console.log('函数提升');
}

在这里插入图片描述
就相当于:

function fn() {console.log('函数提升');
}
fn();

函数表达式必须先声明,再调用

fn();
var fn=function(){console.log('函数表达式');
}

在这里插入图片描述
因为var fn=function(){
console.log(‘函数表达式’);
}
相当于赋值,可以理解成普通变量的赋值,
然后var 声明的变量会有变量提升。
即:

var fn
fn();
fn=function(){console.log('函数表达式');
}

在这里插入图片描述
第二行的fn(); 相当于调用函数,但var fn不是一个函数

相关内容

热门资讯

北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
世界上最漂亮的人 世界上最漂亮... 此前在某网上,选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中,人们投票选出了心目中最美...
长白山自助游攻略 吉林长白山游... 昨天介绍了西坡的景点详细请看链接:一个人的旅行,据说能看到长白山天池全凭运气,您的运气如何?今日介绍...