JavaScript词法分析和作用域闭包

在函数运行时会进词法分析（预编译）
预编译做了哪些工作
- 分析参数
- 分析变量声明(分析带var的变量声明)
- 分析函数声明
如何分析变量声明？
- 答：对于var声明的变量以var str = ‘local’为例，分为分析过程和执行过程先分析后执行
  先分析var str即仅仅声明了一个str变量 str变量此时没有赋值值是undefined 然后在进行执行过程

/*var age = 22;
var num = 99;

 function t(){
 	var num = 88;
 	var str = 'hello';

 	function a(){

 		var  str = 'world';
 		alert(str);//world
 		alert(num);//88
 		alert(age);//22
 	}
 	a();


 }

 t();


/*var str = 'global';

function t(){
	alert(str);//undefined
	var str = 'local';//local
	alert(str);

	//词法分析
	var str;

	//执行语句
	alert(str)
	str = 'local'
	alert(str)


}

t();

活动对象、激活对象 Active Object
AO上有哪些属性：
对于函数的AO属性来自三个方面
- 参数
- 局部变量声明
- 函数声明
在函数调用瞬间 AO这样形成
首先分析参数把分析的的参数形成AO属性如果传来实参则把实参赋给相应的属性
其次分析var声明以var str= hello为例把str声明为AO的属性值为undefined
如果var声明的变量名与形参名称一致不产生影响因为AO的str已经存在
最后分析函数声明，function函数名(){}//有函数名
函数的变量有其作用域，引用某变量时，在某个范围内查询该变量，这个范围又在哪里？在AO上找在函数调用的瞬间会产生一个AO 这个AO对象的属性即存储着该函数所能引用的到的变量

var str = 'global';

function t(age){
	alert(age);//99
	var age = 12;
	alert(age);//12

}
t();

对上面的结果进行分析：

AO：{age:undefined} //词法分析得到
AO：{age:99} //实参赋值 AO.age属性
AO:{age:12} //修改AO.age的值

function f(age,hei){
	var age;
	alert(age);
	function age(){
		alert('he');
	}
}

分析过程：
- AO:{}
- AO:{age:undefined,hei:undefined}
- AO:{age:32,hei,undefined}
- 分析完形参紧接着分析var age 不产生影响因为AO的age已经存在
- AO:{age:function(){aler..},hei:undefined}
- 执行
- alert(age)—》AO.age—》函数

函数就是变量函数声明就是变量声明
函数声明：假设函数名fn 函数声明会把函数赋值为AO.fn属性的值
函数声明与函数表达式的区别
表达式必有一个返回值（即匿名函数赋给了一个变量此时就是普通的赋值过程）
函数表达式返回返回并把函数作为值赋给变量
函数声明的优先级高例如
function fn(){} 则会把AO.fn = function fn(){}
函数表达式

function fn1(){
	alert(age);

	var age = function(){
		alert('hahh');
	}
	alert(age);
}
fn1(32);

//结果： 32 function

//函数声明
function fn1(){
	alert(age);

	function age(){
		alert('hahh');
	}
	alert(age);
}
fn1(32);

//结果： function function

闭包
- a.程序永远是先定义后执行
- b.执行永远从上到下
- c.函数定义的话在堆（只是一个地址而已）
- d.函数调用的时候，就会有自己的堆和栈（闭包）
闭包作用域

记住：先定义var function 在从上往下执行
定义在自己的栈里面执行在自己的堆里面
运行在运行的环境中
函数每调用前只是一个地址
只要调用一次函数就会动态开辟一块内存创建一个封闭的空间在自己的封闭的空间的栈中定义var在执行
函数执行完里面的东西全部销毁

//alert(x);//9:执行弹出x,结果x没定义,错误.
alert(i);//9:执行弹出i,然而i之前已经定义,只不过没地址,因此是undefiend
var i = 10;//1:var i;    10:把常量池中10的地址赋给栈中的i
var j = "你好";//2:var j;   11:把常量池中 你好 的地址复给栈中的j
var k = z = null;//3:var k,z;  12:把堆中null的地址赋值给z和k
var m = function(){//4:var m;   5:function匿名函数  13:把匿名函数在堆中的地址赋给栈中的m
    alert(2);
}
var b = document.body;//6:var b;    14:把堆中document.body对象的地址赋给栈中的b
var f = true;//7:var f; 15:把常量池中true的地址赋给栈中的变量f
function m(){//8:function m;
    alert(1);
}

function m(){
    c = 50;//在局部变量中找不到定义的c 沿着作用域链找到了全局变量的c
    alert('哈哈哈');
    //var c;
}

var c = 150; // 函数m()还未执行到 还没被销毁 此时全局c的值c=50
m();
var c = 20;//到这里一步 m()已经执行完了 函数已经销毁了  这里的c还是20
alert(c);//20

function m(){
    c = 50;//在局部变量中找不到定义的c 沿着作用域链找到了全局变量的c
    alert('哈哈哈');
    function inner(){
        c = 30;
        alert('嘻嘻');
    }
    inner();//c在函数内部找不到定义 所以沿着作用域链找到了全局的c
}

var c = 20;//到这里一步 m()还没执行 函数没被销毁  这里的c是30
m();

alert(c);//30

关注作者公众号