美文网首页
js预编译

js预编译

作者: branv | 来源:发表于2018-03-11 10:25 被阅读21次
预编译前奏

1.imply global 暗示全局变量:即任何变量未经声明就赋值,则此变量就为全局对象(window)所有。
eg: a=3;
eg: var a=b=123;
eg:

 var a = 1;
  b = 2;
  function test() {
      var c = d = 9;
  }
  test();
  consolo.log(c); //error
  console.log(d); //undifend

2.一切声明的全局bian'liang变量,全是windowde属性的
eg: var a=123 =====>window.a=123

预编译 四部曲

函数预编译发生在函数发生前一刻,
①函数体创建AO(Activation object 也叫执行期上下文)对象
②找形参和变量声明,将变量和形参名作为AO属性名,值为undefined
③将实参值和形参统一
④在函数体里面找函数声明,值赋予函数体
全局的预编译:
①函数体创建GO对象
②找变量声明,将变量名作为GO属性名,值为undefined
③找函数声明,值赋予函数体
④代码走到每一步,执行每行代码(赋值操作等)
下面有个列子的预编译过程步骤eg:

    var a = 100;
    var b = 200;
    console.log("f=" + f);// f=function f() { }
    var f = 100;
    console.log("f=" + f);// f=100
    function f() { }
    console.log(f);// 100
    function fn(a) {
        console.log("a =" + a)  //a=function a() { }
        if (a) {
            a = 400;
            function e() {
            }
        }
        console.log(a);// 400
        function a() { }
        console.log(a);// 400
        console.log(b);// undefined
        var b = function () { }
        console.log(b);  //function b()
        function d() {
        }
    }
    fn(300);
//---------------------全局GO 流程--------------------------
    // ②GO{
    //    a:undefined,
    //    b:undefined,
    //    f:undefined,
    // }
    // ③ GO{
    //    a:100,
    //    b:200,
    //    f:  function f() { }
    // }
    // ④代码执行到某一行,某一行的变量就被赋值
    //----------------fn AO 流程-------------------------------
    // fn函数执行前预编译
    // ②AO{
    //    a:undefined,
    //    b:undefined,
    //    d:undefined,
    //    e:undefined
    // }
    //③ AO{
    //    a:300
    //    b:undefined,
    //    d:undefined,
    //    e:undefined
    // }
  // ④AO{
    //    a: function a() { }
    //    b:undefined,
    //    d: function d() { }
    //    e:function e() { }
    // }
    //⑤代码走到哪一句,如果有赋值就赋值

相关文章

  • JS的变量和函数提升

    1.js的运行和预编译过程 <1>.语法分析 查找基本语法有无错误; <2>、预解析/预编译 执行之前进行预解析;...

  • day05-JS运行和编译

    1.JS运行和编译 1.1语法分析:查找基本语法有没有错误 1.2 预解析:执行之前进行预解析 ...

  • 2018-07-06

    js高级 今日所学摘要: ①js的预编译:js很特别,在js代码执行前会进行预编译,预编译的结果就是——变量提升。...

  • JS预解析

    JS解释器运行JS分为两步:预解析、代码执行 预解析 JS解释器会把JS里面所有的var和function提升到当...

  • 2018-07-27

    JS实现图片预加载

  • 前端的那些事(一):变量提升与函数提升

    前言 是不是经常遇到面试问你,为什么会变量提升,函数提升,它的行为又是什么? 解答 js程序编译有两个步骤: 预解...

  • js 编译顺序

    一、js 编译1. js 是按照代码块进行编译和执行,代码块之间相互独立。

  • Scope & Closures

    JS 也是编译型语言,并不是边解释边执行的。 编译的时机是代码即将执行之前。 Hoisting 编译时 JS 会把...

  • js编译、解析Urlencode

    js编译、解析Urlencode

  • JavaScript 的“预 编译”

    JavaScript 执行引擎并非一行一行地分析和执行程序,而是一段一段地分析执行的。而且,在同一段程序的分析执行...

网友评论

      本文标题:js预编译

      本文链接:https://www.haomeiwen.com/subject/vniifftx.html