作用域与作用域链

作用域

在JavaScript中，作用域是可访问对象、变量、数据的结合。

ES6之前，JavaScript的作用域只有全局作用域与局部作用域，ES6发布后，又新增了一种块级作用域，但这需要借助let、const实现。

1、全局作用域
全局作用域是程序最外层的作用域，它会持续存在。某些情况下也可以理解为windows对象。全局作用域具有以下特点：

• 全局作用域的变量在任何地方都能访问到
• 全局作用域是作用域链的最顶端

2、局部作用域
局部作用域一般指的是函数作用域，函数作用域只有在函数定义时才会创建，函数执行结束作用域将销毁。局部作用域具有以下特点：

• 函数作用于内的变量外部无法直接访问
• 只有在函数开始执行后才开始创建函数作用域

举个例子看看：

// 全局作用域
var a= 1; 
var b = []; 
function getA(){
	var c= {}; 
	d = 3; 
} 
getA();

3、块级作用域
块级作用域是ES6发布后出现的一个标准。需要借助let与const实现。

• 块级作用域内的变量在外部是无法访问的

{ 
//这不算块级作用域，因为在外部能访问a；
	var a= 2;
}
console.log(a) //2

{
// 块级作用域
	let b = 3
}
console.log(b) // 报错

4、创建作用域的方法
A、利用函数创建

function(){
	var a = 2;
}

B、使用let、const

{
	let a = 2;
	const b = 3;
}

C、利用try{}catch(){}(不推荐)
catch中的error信息只存在catch子句中：

try{
	var d= ;
} catch(e){
	console.log(e)
}

D、使用with（不推荐）
E、使用eval（不推荐）

作用域链

作用域链就是变量在查找取值过程中遍历的一个链条。遵循以下流程：

1. 在自身作用域内查询变量，找到即停止查询
2. 自身作用域内未查找到，像上次作用域查询，查询有结果即停止查询，无结果继续向上查询
3. …重复上述步骤
4. 直至查询到全局作用域，全局作用域内若也无法查询到变量，则返回undefined

作用域链是向上查找的

var a = 1;
function A(){
	console.log(a)
	function B(){
		// 变量在查询时是逐级向上查询作用域，并不会向下
		console.log(c) // undefined
		function C(){
			var c= 0;
			// c在C中查询到有c变量，查询停止
			// d在C中查询，查询无结果--->B中查询，B中也没有d-->A中查询，A中没有d-->全局作用域，仍然没有d，返回undefined
			console.log(c,d)  // 0 undefined
		}
	}
}

修改作用域链的方式
1、call()、apply()、bind()
他的原理是通过修改this指向修改作用域链。

function getName(){
	console.log(this.name)
}
var obj = {
	name:"csdn"
}
getName().apply(obj)  // apply绑定后就暂时将getName的上级作用域修改为了obj，在原有的getName-->全局作用域间加了一环==> getName-->obj-->全局作用域

2、try{}catch(){}中的catch块
3、with（不推荐）