JavaScript 高级（4）- 作用域、作用域链 - 学习进行中

作用域

变量作用域：就是一个变量可以使用的范围。
js中首先有一个最外层的作用域，全局作用域
js中可以通过函数来创建一个独立作用域，其中函数可以嵌套，所以作用域也可以嵌套
例如：

var a = 1;  // 全局变量
function foo() {
	// 变量提升：函数和变量的声明会被js的解释器放到最上面（函数声明的提升，函数体一同被提升）
	console.log(b);  // undefined，变量提升造成
	var b = 2;  // b是foo函数内部声明的变量，作用域在foo函数内部
	console.log(b);  // 2
	console.log(a);  // 1，a是全局作用域，foo函数内部可以访问
}
console.log(a);  // 1
console.log(b);  // 报错，b is not defined；b属于局部变量，在全局作用域中无法访问

作用域链

变量的查找过程，称之为变量的作用域链。

// 多级作用域
// 1级
var a = 1;
function foo() {
	// 2级
	console.log(a);  // 1
	console.log(b);  // undefined
	console.log(c); // 报错，c is not defined，变量为声明
	function foo1() {
		// 3级
		var c = 3;
		console.log(a);  // 1
		console.log(b);  // undefined
		console.log(c); // 3
	}
	foo1();
	var b = 2;
}
foo();

作用域链查找变量

1、若是在当前作用域找到变量，就不会再往上继续查找

var a = 1;
function foo() {
	var a = 2;
	console.log(a); // 2
}
foo();

2、局部作用域，变量提升

var a = 1;
function foo() {
	console.log(a); // undefined
	var a = 2;
}
foo();

3、查找上级作用域，只看函数在哪编写，不看在哪调用

var a = 1;
function foo() {
	var a = 2;
	return function() {
		// 3级
		console.log(a);  // 2
		console.log(b);  // undefined
	}
	var b = 2;
}
var fn = foo();
fn(); // 2, undefined