javascript预解析（变量提升函数提升）

prtyaa 2023-12-26 18:07:18  63418

分类专栏：资讯

1 什么是预解析

我们的js引擎运行js 分为两步：预解析代码执行

预解析（js代码执行前js引擎会对js代码进行一些调整）

1.1 变量预解析(变量提升原理)

js引擎预解析时，把所有的变量声明提升到当前作用域的最前面不提升赋值操作

1.2 函数预解析(函数提升原理)

js引擎预解析时，把所有的函数声明提升到当前作用域的最前面不调用函数

1.3 代码样例

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //1变量预解析
        console.log(num);
        var num = 10;
        //js引擎预解析后对上面代码进行调整如下
        // var num;
        // console.log(num);
        // num = 10;

        fun();
        var fun = function (){
            console.log('Hello');
        }
        //js引擎预解析后对上面代码进行调整如下
        // var fun;
        // fun();
        // fun = function () {
        //     console.log('Hello');
        // }

        //2函数预解析
        func();
        function func(){
            console.log('Hi~');
        }
        //js引擎预解析后对上面代码进行调整如下
        // function func(){
        //     console.log('Hi~');
        // }
        // func();

    </script>
</head>

<body>
</body>

</html>

网站声明：如果转载，请联系本站管理员。否则一切后果自行承担。

本文链接：https://www.xckfsq.com/news/show.html?id=30976

赞同 0

评论 0 条

javascript预解析（变量提升函数提升）

1 什么是预解析

1.1 变量预解析(变量提升原理)

1.2 函数预解析(函数提升原理)

1.3 代码样例

相关文章

关注我们