js的解析和执行过程

今天开始学习，js面向对象方面，以前了解的不够深入，有很多疑问，这次争取解决大部分疑问，对js的掌握更上一层楼。

首先，js代码分为预处理和执行两个阶段，可以分为全局和函数两个不同的部分。

全局在预处理阶段会创建一个全局的词法环境，也就是window,然后扫描var声明或函数声明。函数名与函数名或变量名冲突处理方法：

处理函数声明冲突时会覆盖，处理变量声明时冲突会忽略

<script type="text/javascript">
//预处理阶段扫描所有var定义 并添加到词法环境,变量为undefined，函数为函数体
/*
预处理阶段类似于 Lexical Environment{
a:undefined,
b:function b(){
console.log(11);
},
}
* */
alert(a);//undefined
alert(b);//undefined

var a = 1;//赋值
var b = 2;//执行时赋值，覆盖b:2
function b(){
console.log(11);
}
alert(a);//1赋值完成后弹出相应的值
alert(b);//2

</script>

函数在预处理阶段，会产生一个函数词法环境，每次调用都会产生一个词法环境，如果函数有参数，词法环境就首先包含参数，依次是声明式函数及var变量，冲突情况和全局一样。执行阶段给预处理阶段的成员赋值，如果没有用var声明的变量，会成为外部词法环境的成员。

/*
f{
a:1,
b:2,
c:undefined,
d:function d(){
console.log(c);
console.log(e);
var e = 1;
console.log(1);
}
}
* */
function f(a,b)
{
alert(a);//1
alert(b);//2
alert(c);//undefined
alert(d);
var c = 1;
function d(){
console.log(e);
var e = 1;
console.log(1);
}
d();
}
f(1,2);

这个只是为后面作用域和闭包做铺垫，了解预处理，可以清楚的知道js代码解析执行过程。加深理解。