关于JavaScript中的变量提升与函数提升

前言：所谓提升都是先用再定义。记住：在提升中，变量定义则是用var，函数则是用function，是不是觉得有点废话，听我娓娓道来。
一.变量提升（var）：只有申明的变量会提升，初始化的不会。
正常情况下我们应该这样来书写代码，

var a =3；
document.getElementById("demo").innerHTML=a;

页面显示结果为3。
接下里我们对比以下例子。(此处省略了id=“demo”的div的html)

例子1：先给值，再应用这个值，最后再用var声明
a = 3;
document.getElementById(“demo”).innerHTML=a;
var a = 3;
这个例子1就存在变量提升。

例子2：.js初始化一个这个变量。
document.getElementById(“demo”).innerHTML=a;
var a = 3;
这个例子2不存在变量提升。
变量提升就是先给值，再应用这个值，最后再用var声明。初始化变量不存在变量提升。
二：函数提升（function）（html就省略了）
例子3：
document.getElementById(“demo”).innerHTML=f1；
function f1(){}
结果显示function f1(){}
例子4：
document.getElementById(“demo”).innerHTML=f1;
var f1=function(){}
结果页面显示undefined。
例子3就是函数提升了。
欢迎大家指正~~

• 点赞
• 收藏
• 分享
• 文章举报