JS预编译

1.JS运行分为三步

  • 语法分析
  • 预编译
  • 解释执行

2.预编译时要做的事

创建对象,声明函数和变量,但是没有初始化行为(赋值)

<script>
var a = 1;
function test(a) {
    console.log(a);
    var b = 123;
    function funA() {}
    var funB = function() {}
}
var funC = function (){}
test(2);
</script>

对于以上例子,预编译时执行顺序如下:
1.创建外层的全局对象(如window对象)

obj = {}

2.查找变量与函数的声明

obj={
    a: undefined,
    test: undefined,
    funC: undefined
}

解释执行时:变量和函数体赋值

obj = {
    a: 1,
    test: function(a) {
        console.log(a);
        var b = 123;
        function funA() {}
        var funB = function() {}
    },
    funC: function (){}
}

执行函数test之前的预编译顺序:
1.创建AO活动对象(Active Object)
2.函数与变量声明

AO = {
    a:undefined,  //形参
    b:undefined,
    funA: undefined,
    funB: undefined
}

3.实参赋值给形参

AO = {
    a:2,  //实参
    b:undefined,
    funA: undefined,
    funB: undefined
}

解释执行时:赋值

AO = {
    a:2,
    b:123,
    funA: function (){},
    funB: function (){}

3.注意事项

  • 预编译不初始化变量,只有在解释执行阶段才会进行初始化
  • 匿名函数不参与预编译
  • 函数声明整体提升(无论函数调用和声明的位置是前是后,系统总会把函数声明移到调用前面)
  • var声明的变量被提升,let和const声明的变量不会被提升
  • 一切声明的全局变量,全是window的属性
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • JS三部曲:语法分析:js代码的执行是读一行代码执行一行,但在执行之前系统会先对js进行全面扫描检查是否存在低级的...
    WangYatao阅读 1,896评论 0 4
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,145评论 1 32
  • js中有暗示全局变量:任何变量如果未经声明就赋值,此变量就为全局对象所有(不管在哪里)。 window就是全局的域...
    guyigg阅读 560评论 0 5
  • 预编译前奏 1.imply global 暗示全局变量:即任何变量未经声明就赋值,则此变量就为全局对象(windo...
    branv阅读 294评论 0 0
  • 多久,再没有这样写日记的情怀……多久,感觉自己感性的文字也干涸!却没有因为文字变得干瘪理性,思维心灵也变得理...
    颖子加油阅读 139评论 0 0