预解析 JavaScript

最新推荐文章于 2024-09-04 20:18:34 发布

栋珞

最新推荐文章于 2024-09-04 20:18:34 发布

阅读量36

点赞数

分类专栏： JavaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/2202_75549187/article/details/129901860

版权

JavaScript 专栏收录该内容

52 篇文章 1 订阅

订阅专栏

JavaScript代码在执行时经历预解析和执行两个阶段。预解析期间，变量和函数声明被提升到其作用域顶部，但不包括赋值或函数调用。变量提升只声明变量而不赋值，而函数提升则整个函数体都会被提升。这可能导致在代码执行顺序上的一些意外行为，例如变量和函数在声明之前使用可能不会抛出错误。

摘要由CSDN通过智能技术生成

预解析

javascript 代码是由浏览器中的 javascript 解析器来执行的。javascript 解析器在运行 javascript 代码的时候分为两步：预解析和代码执行

我们js引擎运行js 分为两步： 预解析代码执行
1. 预解析 js引擎会把js 里面所有的 var 还有 function 提升到当前作用域的最前面
2. 代码执行 按照代码书写的顺序从下往上执行
预解析分为 变量预解析（变量提升） 和 函数预解析（函数提升）
1. 变量提升 就是把所有的变量声明提升到当前的作用域最前面不提升赋值操作
2. 函数提升 就是把所有的函数声明提升到当前作用域的最前面不调用函数

f1();
console.log(c);
console.log(b);
console.log(a);
function f1() {
    var a = b = c = 9;
    console.log(a);
    console.log(b);
    console.log(c);
}
// 以下代码
function f1() {
    var a;
    a = b = c = 9;
    // 相当于 var a  = 9; b = 9; c = 9; b 和 c 直接赋值 没有var 声明 当 全局变量看
    // 集体声明  var a = 9, b = 9, c = 9;
    console.log(a);
    console.log(b);
    console.log(c);
}
f1();  // 9 9 9
console.log(c);  // 9
console.log(b);  // 9
console.log(a);  // 报错