JS的作用域链
作用域是针对变量的,比如我们创建了一个函数,函数里面又包含了一个函数,那么现在就有三个作用域
全局作用域==>函数1作用域==>函数2作用域
作用域的特点就是,先在自己的变量范围中查找,如果找不到,就会沿着作用域往上找。
上面是以书面语言来表达的作用域链,但是我自己总结了一下,我觉得对于我自己我挺好理解的,但至于全面不全面我不去定义,因为目前我能够理解的就是这样
接地气的理解作用域
作用域,顾名思义就像一片地域一样,自己有自己的规章制度,与外界一般不会互相干扰,然后在我们自己的地域之下可能还会产生地域,一般也不会干扰,但是在有些时候下层地域遇到不能解决的事的时候,会向上面一层寻求帮助,当上一层也不能解决的时候又继续向更上一层寻求帮助,直到最顶层的作用域都不能解决,那么应该就会报错,可能哪里出现问题了。
我们先看一下题目
var a = 1
function fn1(){
function fn2(){
console.log(a)
}
function fn3(){
var a = 4
fn2()
}
var a = 2
return fn3
}
var fn = fn1()
fn() //输出多少
这道题目我们先看打印的是哪个变量,是变量a
,然后是在函数名为fn2
的函数里。我们都知道函数只是声明,是需要调用的,现在找到函数名()
这样一个代码,就是fn2()
,现在就可以看fn2
的作用域里有没有变量a
,如果没有就从上一层找,直到找到之后,然后看有没有赋值,如果有,赋值多少,结果就是多少。如果没有,结果就是undefined。由此推理,所以以上打印结果为2
在看一题
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
最后一题
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() //输出多少
这道题就要稍微注意一下啦!用以上方法我们找到了fn2()
,在它的作用域里我们找到了变量a
,然后这里需要注意的是变量a
赋值是在调用之后,然后变量会有声明前置,所以这里的a
只有声明,对于fn2()
来说,是还没有赋值的,所以打印结果是undefined