作用域

var a = 10;
function fn(){
	var a = 20;
	console.log(a);		//20
}
fn();
console.log(a);		//10

var a = 10;
function fn(){
	//相当于全局
	a = 20;
	console.log(a);		//20
}
fn()
console.log(a);		//20

var a = 10;
function fn(a){		//形参就是函数的内部，局部
	a = 20;
	console.log(a);		//20
}
fn(a);	//全局
console.log(a);		//10

//这其实是一种异步，for循环自动执行的时候点击事件没有立即执行，点击事件会停顿，停顿的时候for循环并没有等待，当发生点击事件的时候for循环已经执行完了

//ali有10个
for(var i = 0;i < ali.length;i++){
	ali[i].onclick = function(){
		console.log(i);			//10
	}
}

//var后面的不是作用域
//{
//	ali[i].onclick = function(){
//	console.log(i);			//0-9
//}

//ali有10个
for(let i = 0;i < ali.length;i++){
	ali[i].onclick = function(){
		console.log(i);			//0-9
	}
}

//let后面的是作用域
//{
//	ali[i].onclick = function(){
//	console.log(i);			//10
//}

函数有两个作用域，一个定义作用域，一个执行作用域

//这样就有作用域了
for(let i = 0;i < ali.length;i++){
	(function(i){
		ali[i].onclick = function(){
		console.log(i);			//0-9
		}
	})(i)	
}

function  fn(){
	var a = 10;
	a++;
	console.log(a);
}
fn();	//11
fn();	//11
fn();	//11

//作用域在不断的覆盖前者的变量
function fn(){
	var a = 10;
	return function(){
		a++;
		console.log(a);
	}
}
var f = fn()
f();		//11
f();		//12	
f();		//13