一、作用域
分类:全局作用域、函数作用域、块作用域(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调用栈
每个可执行上下文, 都有者对于外部上下文词法作用域的引用, 外部上下文也有着对于再外部的上下文词法作用域的引用
=> 就形成了作用域链