JS — 作用域及作用域链理解

一、作用域

1. 定义理解：

在 Javascript 中，作用域也叫执行环境/环境，每个执行环境都有一个与之关联的变量对象，对象中有些属性仅供JavaScript引擎存取，[[scope]]就是其中一个，存储了运行期上下文的集合。

2. 作用域分类：

(1)、全局作用域

是最外围的一个执行环境。在 Web 浏览器中，全局作用域被认为是 window 对象，因此所有全局变量和函数都是作为 window 对象的属性和方法创建的。全局作用域直到应用程序退出时才会被销毁(例如关闭网页或浏览器)。
是最外围的一个执行环境。在 Web 浏览器中，全局作用域被认为是 window 对象，因此所有全局变量和函数都是作为 window 对象的属性和方法创建的。全局作用域直到应用程序退出时才会被销毁(例如关闭网页或浏览器)。

(2)、函数作用域

每个函数都有自己的执行环境。当执行流进入一个函数时，函数的环境就会被推入一个环境栈中。而在函数执行之后，栈将其环境弹出，把控制权返回给之前的执行环境。

(3)、JavaScript没有块级作用域

由花括号封闭的代码块的作用域为块级作用域。

二、作用域链

1. 定义理解：

[[scope]]中所储存的执行期上下文对象的集合，这个集合呈链式结构。

2. 作用域链作用：

作用域链保证对执行环境有权访问的所有变量和函数的有序访问。

3. 作用域链创建顺序：

作用域链的前端，始终都是当前执行的代码所在环境的变量对象。如果这个环境是函数，则将其活动对象（ activation object）简称AO，作为变量对象。AO在最开始时只包含一个变量，即 arguments 对象（这个对象在全局环境中是不存在的）。作用域链中的下一个变量对象来自包含（外部）环境，而再下一个变量对象则来自下一个包含环境。这样，一直延续到全局执行环境；全局执行环境的变量对象（global object）简称GO，始终都是作用域链中的最后一个对象。

function father() {
	function son() {
		var sonName = 456;
	}
	
	var fatherName = 123;
	
	son();
}

father();

(1)、father函数定义时：

(2)、father函数执行时：

(3)、son函数定义时：

直接 ‘拿取’ 包含环境（不是单纯的复制粘贴，而是 ‘拿取’ ，即便是改变属性值，二者都会发生改变。）

(4)、son函数执行时：

4.作用域链查找顺序：

(1)、查询变量名和函数名，按照栈顶 — 栈底的顺序。
(2)、内部环境可以通过作用域链访问所有的外部环境，但外部环境不能访问内部环境中的任何变量和函数。

5.延长作用域链：

有些语句可以在作用域链的顶端临时增加一个变量对象，该变量对象会在代码执行后被移除。

(1)、 with 语句

对 with 语句来说，会将指定的对象添加到作用域链中。

function buildUrl() {
	var qs = "?debug=true";
	with(location){
		var url = href + qs;
	}
	return url;
}

• with 语句接收的是 location 对象，因此其变量对象中就包含了 location对象的所有属性和方法，而这个变量对象被添加到了作用域链的前端。
• buildUrl()函数中定义了一个变量 qs。
• 当在with语句中引用变量 href 时（实际引用的是 location.href），可以在当前执行环境的变量对象中 找到。
• 当引用变量 qs时，引用的则是在 buildUrl()中定义的那个变量，而该变量位于函数环境的变 量对象中。
• 至于 with 语句内部，则定义了一个名为 url 的变量，因而 url 就成了函数执行环境的一部分，所以可以作为函数的值被返回。

(2)、try-catch 语句的 catch 块

对 catch 语句来说，会创建一个新的变量对象，其中包含的是被抛出的错误对象的声明。

try {
        console.log('正确信息1');
        console.log(不正确信息1);
        console.log(不正确信息2);
    } catch (data) {
        alert(data.name + ":" + data.message);
    }
    console.log('正确信息2');

• try代码块内发生错误后，会终止try内错误后代码的执行。即不在执行程序： console.log(不正确信息2);
• 与此同时，系统会传入一个对象，包含name、message信息，并且允许用户对错误信息进行操作。 alert(data.name + ":" + data.message);
• 然后接着执行下边的代码。console.log('正确信息2');

三、Error.name的六种值对应的信息。

1. EvalError：eval()的使用与定于不一致。
2. RangeError：数值越界。
3. ReferenceError：非法或不能识别的引用数值。例如变量未经声明就使用。
4. SyntaxError：发生语法解析错误。
5. TypeError：操作数类型错误。
6. URLError：URL处理函数使用不当 。

有什么不正确的地方，欢迎大家指出 ！