JS预解析案例详解

蛛蛛devil

于 2022-06-26 21:37:43 发布

阅读量120

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_48616480/article/details/125474539

版权

本文详细解析了JavaScript中的预解析过程，特别是函数提升和变量提升的概念。通过一个具体的f1()函数案例，展示了函数定义如何被提升到代码顶部，以及函数内部变量提升的顺序。在函数执行前后，全局变量b和c的值得以保留，而未声明的变量a在函数外部引用时会抛出错误。预解析对于理解JavaScript代码执行顺序至关重要。

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

JS预解析案例详解

预解析案例分析详解`

    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 = b = c = 9;
        // 相当于  var a = 9 ; b = 9 ; c = 9;
        // b 和 c 没有使用 var 声明所以b和c为全局变量
        console.log(a);
        console.log(b);
        console.log(c);
    }
    f1();
    console.log(c);
    console.log(b);
    console.log(a);

继续进行函数内部的变量提升

function f1(){
        var a = 9;
        b = 9;
        c = 9;
        // 相当于  var a = 9 ; b = 9 ; c = 9; 
        //b 和 c 没有使用 var 声明所以b和c为全局变量
        console.log(a);
        console.log(b);
        console.log(c);
    }
    f1();
    console.log(c);
    console.log(b);
    console.log(a);