总结javascript基础概念（一）：作用域、编译执…

<script>
	hi = 'hello';
	var num = 1;

	function fn(a){
		console.log(this.num);
		console.log(hi);
		console.log(a);
		console.log(arguments[0]);
	}
	var fn2 = function(){
		var b = 2;
		console.log('fn2');
		return function(){
			console.log(b);
		}
	}

	fn(2);
	var fn3 = fn2();
	fn3();
</script>		    

<script>
	//解释型语言，以代码块为单位进行翻译、执行
	//	##step 1:  语法报错  报错类型
	//
	debugger;
	//GEC = {  //全局执行环境
	//	##step 2:  vo变量对象与ao函数内的活动对象
	//	##step 2.1:  变量提升，函数声明优先，两种命名方式差别
	// 	vo:{
	// 		fn:{
	// 			type:function,
	// 			ao:{
	// 				arguments:[],
	// 				a:undefined,
	// 				this:undefined
	// 				//##step 3.1:  this 指向的动态绑定  几种使用形式
	// 				//##step 3.2:  形参与arguments间联动
	// 			},
	// 			scopeChain:[GEC.vo]
	// 		},
	// 		num:undefined,
	// 		fn2:undefined,
	// 		fn3:undefined,
	// 		this:window
	// 	},
	//  scopeChain:[GEC.vo],
	//	##step 3:  作用域链，包含各级变量对象指针的链表
	// 	callStack : [GEC]
	//	##step 4:  调用栈，作用控制代码执行流
	//}
	hi = 'hello';
	//顺着作用域链查找变量对象上是否已有hi，有则赋值 ，没有且在非严格模式下会声明一个最外层变量
	var num = 1;
	//num 赋值
	
	function fn(a){
		console.log(this.num);
		console.log(hi);
		console.log(a);
		console.log(arguments[0]);
	}
	//创建函数并赋值
	var fn2 = function(){
		var b = 2;
		console.log('fn2');
		return function(){
			console.log(b);
		}
	}
	// GEC = {  
	//	此时的全局执行环境
	// 	vo:{
	// 		fn:{
	// 			type:function,
	// 			ao:{
	// 				arguments:[],
	// 				a:undefined,
	// 				this:undefined
	// 			},
	// 			scopeChain:[GEC.vo]
	// 		},
	// 		num:1,
	// 		fn2:{
	// 			type:function,
	// 			ao:{
	// 				arguments:[],
	// 				b:undefined,
	// 				this:undefined
	// 			},
	// 			scopeChain:[GEC.vo]
	// 		}
	// 		hi:'hello'
	// 		fn3:undefined,
	// 		this:window
	// 	},
	//  scopeChain:[GEC.vo],
	// 	callStack : [GEC]
	//}
	fn(2);
	
		// FNEC = {
		// 	vo:{
		// 		arguments:[2],
		// 		a:2,
		// 		this:window
		// 	},
		// 	scopeChain:[GEC.vo,FNEC.vo],
		// 	callStack : [GEC,FNEC]
		// }
		// 函数的执行环境执行结束后销毁
	
	var fn3 = fn2();
	
		// FN2EC = {
		// 	vo:{
		// 		arguments:[],
		// 		b:2,
		// 		##step 5:  匿名函数创建，调用的全局性，赋值则闭包形成
		// 		anonymous:{
		// 			type:function,
		// 			ao:{
		// 				arguments:[],
		// 				this:undefined
		// 			},
		// 			scopeChain:[GEC.vo,FN2EC.vo]
		// 		},
		// 		this:window
		// 	},
		// 	scopeChain:[GEC.vo,FN2EC.vo],
		// 	callStack : [GEC,FN2EC]
		// }
		// 执行后返回一个匿名函数，回到全局环境 赋值给fn3 ，FN2EC.vo留在内存中。生成闭包占用内存，易造成内存泄漏
	
		// GEC = {  //全局执行环境
		//  	vo:{
		//  		fn:{
		// 			type:function,
		// 			ao:{
		// 				arguments:[],
		// 				a:undefined,
		// 				this:undefined
		// 			},
		// 			scopeChain:[GEC.vo]
		// 		},
		//  		num:1,
		//  		fn2:{
		// 			type:function,
		// 			ao:{
		// 				arguments:[],
		// 				b:undefined,
		// 				this:undefined
		// 			},
		// 			scopeChain:[GEC.vo]
		// 		}
		// 		hi:'hello'
		// 		fn3:{
		// 			type:function,
		// 			ao:{
		// 				arguments:[],
		// 				this:undefined
		// 			}
		// 			scopeChain:[GEC.vo,FN2EC.vo]
		// 		}
		//  		this:window
		//  	},
		// 	scopeChain:[GEC.vo],
		//  	callStack : [GEC]
		// }


		// FN3EC = {
		// 	vo:{
		// 		arguments:[],
		// 		this:window
		// 	},
		// 	scopeChain:[GEC.vo,FN2EC.vo,FN3EC.vo],
		// 	callStack : [GEC,FN3EC]
		// }		
</script>

<script>
      // ES6代码：
    {
        let a = 2;
        console.log(a);
    };
    console.log(a);
    // 转为ES5代码：
    try{
        throw undefined;
    }catch(a){
        a = 2;
        console.log(a);
    }
    console.log(a);    
</script>