JavScript预编译-变量提升和函数提升

比眉伴天荒 2022-04-18 03:26 217阅读 0赞

<!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    
    <body>
        <script type="text/javascript">
            function fn(a) {
                console.log(a);
    
                var a = 123;
    
                console.log(a);
    
                function a () {}
    
                console.log(a);
    
                var b = function () {}
    
                console.log(b);
    
                function d () {}
            }
    
            fn(1);
    
            /*
            AO (Activate Object)对象
            AO{
                step1:          step2:               step3:               steps4(打印):
                a : undefined,  a : 1,               a : function () {}   function () {}
                b : undefined   b : undefined        b : undefined         123
                                                     d : function d () {}  123
                                                                          function () {}
                
            }
    
            预编译四部曲：
                1.创建AO对象
                2.找形参和变量声明，将变量和形参名作为AO属性名，值为undefined
                3.将实参值和形参统一
                4.在函数体里面找函数声明，值赋予函数体
            */
        </script>
    
    </body>
    
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，217人围观）

还没有评论，来说两句吧...

相关阅读

相关 js中的变量提升和函数提升

1.变量声明提升：通过var定义（声明）的变量，在定义语句之前就可以访问到，值为undefined 2.函数声明提升通过function声明的函数，在之前就可以

红太狼/ 2022年12月04日 01:13/ 0 赞/ 293 阅读

相关前端面试——变量提升？函数提升？

回答侧重点： 1：什么是变量提升？ JavaScript 引擎的工作方式是，先解析代码，获取所有被声明的变量，然后再一行一行地运行。这造成的结果，就是所有的变量的声明语

傷城~/ 2022年11月12日 08:19/ 0 赞/ 223 阅读

相关 JavaScript变量提升和函数提升

变量提升变量提升只是提升变量的声明，并不会提升赋值 1. alert(v);//Hello，这个毋庸置疑，傻子都能看出来 2. var

阳光穿透心脏的1/2处/ 2022年07月24日 07:17/ 0 赞/ 261 阅读

相关 JavaScript中的变量提升和函数提升

> 文章是本人大三期间的学习笔记，一些论断取自书籍和网上博客，碍于当时的技术水平有一些写得不够好的地方，可以在评论处理智讨论~ 变量的作用域 -------------

水深无声/ 2022年05月28日 04:22/ 0 赞/ 258 阅读

相关变量提升、函数提升

1、概述 1、函数申明和变量申明都会提升 2、函数的声明比变量的声明的优先级要高 3、函数提升需注意：函数表达式 var fn=functi

快来打我*/ 2022年04月27日 21:54/ 0 赞/ 242 阅读

相关 JavScript预编译-变量提升和函数提升

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

比眉伴天荒/ 2022年04月18日 03:26/ 0 赞/ 218 阅读

相关 js变量提升函数提升

1,变量声明提升所有的声明变量或声明函数都会被提升到当前函数的顶部，特别的只是变量或者函数的声明，并不包括赋值。 console.log(x); var

超、凢脫俗/ 2022年01月06日 08:59/ 0 赞/ 305 阅读

相关【转】JavaScript 预编译（变量提升和函数提升的原理）

本文部分内容转自https://www.cnblogs.com/CBDoctor/p/3745246.html 1.变量提升 ![复制代码][Image 1] 1

淡淡的烟草味﹌/ 2021年12月22日 05:49/ 0 赞/ 248 阅读

相关 js中的变量提升和函数提升

1、变量提升 1、通常JS引擎会在正式执行之前先进行一次预编译，在这个过程中，首先将变量声明及函数声明提升至当前作用域的顶端，然后进行接下来的处理 2、如果当前作用域中存

分手后的思念是犯贱/ 2021年09月18日 02:50/ 0 赞/ 342 阅读

相关编译器预编译与变量提升

先有鸡还是先有蛋？直觉上会认为 JavaScript 代码在执行时是由上到下一行一行执行的。但实际上这并不完全正确，我们来看下面2个例子 //例子1

川长思鸟来/ 2021年08月14日 00:47/ 0 赞/ 414 阅读