js预编译过程

先科普：

1.javaScript是解释型语言,就是编译一行，执行一行.....
2.javaScript没有块级及作用域......
3.javaScript具有变量和函数声明提升功能.....
4.AO对象和GO对象....
5.预编译就是解决代码执行顺序问题,与java语言类似(jvm)....

例如：

(function(a){
console.log(a);
var a = 12;
console.log(a);
function a(){...}
console.log(a);
var b = function(){...}
console.log(b);
function d(){...}
})(1);

1.首先创建一个GO对象,和AO对象....[因为该立即执行函数是在全局作用域中执行的,立即执行函数执行时创建AO对象]

GO{
   AO{
       
   } 
}

2.找形参和变量声明,将变量和形参名作为AO属性名,值为undefined....【变量声明找到了a和b，其实形参也是一种变量声明，类似于function(a,b){var a,b;},这里的形参和函数里的变量声明a重名了，那么后一个变量声明会被忽略...】

GO{
    AO{
       a: undefined,
       b: undefined 
    }
}

3.将实参和形参统一......【实参值赋值给形参】

GO{
    AO{
        a: 1,
        b: undefined
    }
}

4.在函数体里面找函数声明,值赋予函数体....【记住，一定是变量声明在前，函数声明在后。所以变量声明提升和函数声明提升会出现一个先后顺序】

GO{
    AO{
        a: function(){...},
        b: undefined,
        d: function(){...}
    }
}

预编译过程结束。

然后开始执行：

1.执行第一行:输出function(){...}
2.执行第二行赋值：

GO{
    AO{
        a: 12,
        b: undefined,
        d: function(){...}
    }
}

3.执行第三行：输出12
4.第四行是函数声明，预编译已经执行了，跳过，执行第五行，输出：12
5.执行第六行赋值：

GO{
    AO{
        a: 12,
        b: function(){...},
        d: function(){...}
    }
}

6.执行第七行：输出：function(){...}
7.第八行是函数声明,跳过，执行完成...接下来销毁AO，再销毁GO【这里是一个js垃圾清理过程,无关本话题】

例如：
作用域链......
自己本身属性找不到就会去查找上一级的作用域中的属性...层层迭代查询
直到查到为止....
js是根据一个叫[[scope]]的属性查找的,[[scope]]是任何函数(作用域都存在)都默认自带的属性,它保存了一个数组值，长度是父级的总长度(作用域包裹的层级，长度至少为1)，直到window为止，如果查不到，弹出错误...
首先[[scope]][0]保存自身预编译AO，先查找[[scope]][0],保存了该AO或者GO....
不存在时查找[[scope]][1]...
...
注意：[[scope]]属性不可枚举,无法访问...

例如：
call和apply扩展了作用域....
apply方法可以‘借用’其他对象中的方法(简称A)完成属于自己的任务,A只是暂时用于自身，其本身还是别人的,你不可以去修改A中的代码，也无法修改...
在你调用A时，apply中this指向了自身，可以这样理解：我使用了你的方法，方法里的this指向了我，我的属性（方法）增加了一项（扩展了我的作用域），但是一旦退出apply时(执行完成后)，方法依然要还给你，this指向还是你，我的作用域回归原样....