作用域 | 作用域链 | 执行上下文

一、作用域

分类：全局作用域、函数作用域、块作用域（ES6新增的）
作用：隔离变量，不同作用域下同名变量不会有冲突

块作用域：

ES6新增的，块作用域由 { } 包括，if语句和for语句里面的{ }也属于块作用域。

举个栗子

if(true) {
		var c = 3;
	}
console.log(c); // 3
//if语句中用var定义的变量可以在外面访问到，可见，if语句属于块作用域，不属于函数作用域。

区分一下var let 和 const

1、var定义的变量，没有块级作用域的概念，可以跨块访问, 但不能跨函数访问。

2、let定义的变量，只能在块作用域里访问，不能跨块访问，也不能跨函数访问。

3、const用来定义常量，使用时必须初始化(即必须赋值)，只能在块作用域里访问，而且不能修改，也不能跨函数访问。

二、执行上下文

首先，明确一点，函数只有在被调用的时候 才会产生执行上下文

（函数被定义的时候并没有产生哦）

 看个栗子

 问 ：

1、依次输出什么结果？

2、产生了多少次执行上下文？

答案：

1、依次输出：
global begin:undefined
foo begin:1
foo begin:2
foo begin:3
foo end:3
foo end:2
foo end:1
global end:1

2、产生了5个执行上下文

渣渣图解释 

 三、执行上下文 VS 作用域

区别1：

作用域是函数定义的时候就确定好的了
而执行上下文，是在调用函数时，函数体代码执行之前创建的

区别2：

作用域是静态的，只要函数定义好了就一直存在且不会再发生变化
执行上下文环境是动态的

四、作用域链

js全局有全局可执行上下文, 每个函数调用时, 有着函数的可执行上下文, 会入js调用栈

每个可执行上下文, 都有者对于外部上下文词法作用域的引用, 外部上下文也有着对于再外部的上下文词法作用域的引用 

=> 就形成了作用域链