js变量提升_声明提升——JS中你不得不知道的

1. 变量声明提升

变量声明提升是指先调用变量，后声明变量，并不会抛出异常的JS机制

这是因为 声明提前是发生在代码开始运行之前var 声明会提升，let 和 const 声明不提升

JavaScript 的函数作用是指在函数内声明的所有变量在函数体内始终是有定义的，也就是说变量在声明之前已经可用，所有这特性称为 声明提升，即JavaScript函数里的所有声明（只是声明，但不涉及赋值）都被提前到函数体的顶部，而变量赋值操作留在原来的位置

例如

console.log(i);// 声明提升，输出undfined
var i = 1;

这段代码等价于

var i;
console.log(i); // undefined
i = 1; // 初始化不提升

总结就是：声明提升，赋值不提升

2. 函数声明提升

函数声明提升是先调用函数，再声明并定义该函数，不会抛出异常

例如

f(); //输出 test
function f() {
  console.log("test")
}

等价于

function f() {
  console.log("test")
};
f(); //输出 test

3. 函数表达式声明不提升 ⚠

什么是函数表达式？ MDN 函数表达式 箭头函数
提前调用将抛出 TypeError 异常

func();// TypeError:func is not a function
var func = function() {
  console.log("test");
}

感谢阅读，觉得有用点个赞吧