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指向仍是你，个人做用域回归原样....