函数的作用域

一、作用域
作用域就是变量生效的范围，在此之下又有全局作用域和局部作用域之分。
1、全局作用域
全局作用域是最大的作用域，他包含了局部作用域。在全局作用域中定义的变量可以在任何地方使用

• 在页面打开时，浏览器会给我们产生一个全局作用域（widow），这个作用域会一直存在直到浏览器关闭才会消失。

var a=10
var b=10
//这两个变量a，b都可以在任意地方使用,因为他们是全局变量

2、局部作用域
局部作用域是在全局作用域下产生的一个较小的作用域，在这个作用域里面声明的变量，只能在这一块区域使用。

• 每一个函数都有一个局部作用域

function test(){
var a=10
//在这个test函数里面声明的a这个变量，只能在这个函数里面调用
//如果在函数之外调用函数里面的变量，报错（a is not defined）
}
test()
console.log(ab)

3、变量赋值规则

• 先在自己作用域查找，如果有就赋值
• 如果没有，就去上一级查找，有就赋值
• 。。。。。
• 依次向上一级查找，如果找到window都没有，那么这个变量就是全局变量，直接赋值

//  全局变量 n 
var n ;
function fo(){
	var n;//只声明，不赋值
	function foo(){
		// 不声明，只赋值
		n = 100;
	}
	console.log(n);	// undefined
	foo();	// 这个函数执行完后，才给 fo私有变量 num 赋值
	console.log(n);	// 100	
}
console.log(n);	// undefined(n没有赋值，所以是undefined)
fo();
console.log(n);	// undefined（n为fo的私有变量，不会给全局的n赋值）

4、作用域的预解析
从我们的页面开始打开就进行预解析，但是只会解析全局作用域。

• 局部预解析

var a=10  //全局变量，解析
function test(){   //会被解析
console.log('hello')  //不会被解析  ，只有等函数被执行之后才会被解析
}
test() //执行函数，开始解析函数内部

预解析例题：

foo()
var foo=100

function foo(){
foo=200
}
console.log(foo)

分析代码：
开始预解析：
var 一个变量foo等于100
函数体foo

执行代码：
调用foo函数，foo=200，此时为全局变量
执行下一行，foo=100，覆盖foo=200
输出foo，输出值为100.

foo()
foo()
var foo=100

function foo(){
foo=200
}
console.log(foo)

执行代码：
第一个foo（），把foo赋值为200
第二个foo（），把foo=200，当做函数执行，直接报错(foo is not a function)