JavaScript的变量提升与函数提升-Toy模板网

这篇具有很好参考价值的文章主要介绍了JavaScript的变量提升与函数提升。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

JavaScript 中存在变量提升和函数提升，它们是由 JavaScript 解释器在代码执行之前进行的一种行为。

最新的 ECMAScript 标准定义了 8 种数据类型：

在 JavaScript 中，使用 var 声明的变量会被提升到其所在作用域的顶部。这意味着可以在变量声明之前引用变量，而不会导致 ReferenceError。

console.log(x); // 输出: undefined
var x = 5;
console.log(x); // 输出: 5

实际上，上述代码在执行时会被解释器处理成如下形式：

var x;
console.log(x); // 输出: undefined
x = 5;
console.log(x); // 输出: 5

值得注意的是，变量提升只提升声明，而不提升赋值。变量的初始化赋值仍然保留在原始位置。

在 JavaScript 中，使用 function 声明的函数会被整体提升到其所在作用域的顶部。这意味着可以在函数声明之前调用函数，而不会导致 ReferenceError。

sayHello(); // 输出: "Hello!"
function sayHello() {
  console.log("Hello!");
}

实际上，上述代码在执行时会被解释器处理成如下形式：

function sayHello() {
  console.log("Hello!");
}
sayHello(); // 输出: "Hello!"

与变量提升类似，函数提升也只提升声明，不提升具体的函数实现。因此，在函数声明之前调用函数是有效的。文章来源地址https://www.toymoban.com/news/detail-802574.html

使用 let 和 const 声明的变量也存在提升，但它们不会被初始化为 undefined，而是保持在 "暂时性死区"（Temporal Dead Zone，TDZ）中。

console.log(x); // Uncaught ReferenceError: Cannot access 'x' before initialization
let x = 3;

    baz(); // Uncaught TypeError: baz is not a function
    var baz = function () {
        console.log("bar2");
    };

到了这里，关于JavaScript的变量提升与函数提升的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

JavaScript的变量提升与函数提升