• JavaScript预编译


    
    
    1 var num = 100;
    2         function fun(num){
    3             console.log(num);
    4         }
    5         fun(5);

    以这段代码为例分析函数的预编译

      开始一步步的分析

      1.分析GO对象,首先会生成保存全局变量的全局对象。

        1.1生成自己的GO对象

        GO={}

        1.2分析GO对象中的变量声明

        GO={

          num:undefined

        }

        1.3分析GO对象中的函数声明   

        GO={

          num:undefined

          fun:function

        }

      2.逐行执行

        在第一行产生了赋值:

        GO={

          num:100

          fun:function

        }

        到第五行函数调用,在调用的函数前的一瞬间生成了一个AO对象

      3.生成AO对象

        AO={}

        3.1分析参数

          AO={

            num:5

          }

        3.2分析变量声明  没有略过

        3.2分析函数声明  没有略过

        最后的AO对象为

        AO={

          num:5

        }

      然后开始逐行执行

    知识点汇总:

     1.函数在执行前的一瞬间,会生成一个AO(active object)对象
     2.分析参数,形参作为AO对象的属性名,实参作为AO对象的属性值
     3.分析var变量声明,变量名作为AO对象的属性名,值为undefined,如果遇到同名的,不去做任何改变
     4.分析函数声明,函数名作为AO对象的属性名,值为函数体,如果遇到同名的,直接覆盖

  • 相关阅读:
    SourceTree 启动不需要账号
    获取httpservletrequest所有参数的键值对--key-value,用getParameterMap
    ajax 参数出现在Request payload导致request.getParameter(name)是获取不到值
    导出
    替换jar包里面的文件。利用jar ucf
    mysql CPU使用率过高的一次处理经历
    实用小知识
    spring-boot 静态资源自定义配置
    java多线程调用静态方法安全吗?
    spring 注解@Bean
  • 原文地址:https://www.cnblogs.com/wangzheng98/p/11009800.html
Copyright © 2020-2023  润新知