什么是作用域?
作用域是负责收集并维护由所有声明的变量组成的一系列查询,并实施一套非常严格的规则,确定当前代码对这些变量的访问权限
其实作用域是根据名称查找变量的一套规律
什么是作用域链呢?
每个函数都有着自己的执行环境,当代码在一个环境中执行时,会创建变量对象的一个作用域链,它的用途是保证对执行环境有权访问的所有变量和函数的有序访问
但是实际情况是我们大多遇到的都是作用域的嵌套
题目:下面代码会输出什么?
var a = 1
function fn1(){
function fn3(){
var a = 4
fn2()
}
var a = 2
return fn3
}
function fn2(){
console.log(a)
}
var fn = fn1()
fn() //输出多少
输出的是1
然而这是为什么呢?
无论函数在哪里被调用,也无论如何被调用,它的作用域只由函数被声明时所处位置决定
所以先从函数内部寻找,fn2函数内找不到后,从创建当前函数所在的作用域寻找,从题中看就是全局作用域,找到a = 1
总结一下规律:
- 函数在执行的过程中,先从自己内部找变量
- 如果找不到,再从创建当前函数所在的作用域去找, 以此往上
- 注意找的是变量的当前的状态
记住规律后,我们来看这道题:
var a = 1
function fn1(){
function fn3(){
function fn2(){
console.log(a)
}
fn2()
var a = 4
}
var a = 2
return fn3
}
var fn = fn1()
fn() //输出多少
输出undefined,根据规律我i们先从函数fn2内部找,没找到后,继续往上层去寻找,也就是fn3函数内部,我们发现了a,a=4,那么输出的应该是4啊!为什么是undefined呢?
其实在fn3函数里是这样的
function fn3(){
function fn2(){
console.log(a)
}
var a
fn2()
a = 4
}
a的声明会被前置,并没有被赋值,默认值为undefined,所以当fn2函数被调用的时候,a的值为undefined,函数调用后,a才被赋值为4