JS声明提前

60 阅读 0 评论 40 点赞

我是靠谱客的博主粗暴美女，最近开发中收集的这篇文章主要介绍JS声明提前，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

直接上一段代码解释下声明提前

alert(a)
// 弹出函数a
a();
// 弹出10, 因为函数定义全部都提升上去
var a=3;
function a(){
alert(10)
}
alert(a)
// 弹出的是3
a=6;
a();
//报错，提示a不是函数

声明提前：在js中，用var声明的变量或者函数,都会被提升到作用域最前面，但只是声明提前，赋值并不会提前。

牢记这一句话，然后我们整理下代码：

// var变量和函数声明提前，顺序和代码中的顺序一致，但是赋值不提前。
var a;
function a(){
alert(10)
}
alert(a)
// 弹出函数a，因为函数a将a覆盖
a();
// 弹出10
a=3;
alert(a)
// 弹出3
a=6;
a();
//报错，提示a不是函数

修改之后的代码就是js声明提前的实际执行顺序。

用const、let声明的变量，不会被提到作用域最前面，所以提前用了就会报错。