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指向还是你，我的作用域回归原样....

如果上面所说有误，还请大神留言，菜鸟感激不敬