JS的作用域鏈
作用域是針對變量的拱层,比如我們創(chuàng)建了一個函數(shù)弥臼,函數(shù)里面又包含了一個函數(shù),那么現(xiàn)在就有三個作用域
全局作用域==>函數(shù)1作用域==>函數(shù)2作用域
作用域的特點就是根灯,先在自己的變量范圍中查找径缅,如果找不到,就會沿著作用域往上找烙肺。
上面是以書面語言來表達的作用域鏈纳猪,但是我自己總結(jié)了一下,我覺得對于我自己我挺好理解的桃笙,但至于全面不全面我不去定義氏堤,因為目前我能夠理解的就是這樣
接地氣的理解作用域
作用域,顧名思義就像一片地域一樣怎栽,自己有自己的規(guī)章制度丽猬,與外界一般不會互相干擾宿饱,然后在我們自己的地域之下可能還會產(chǎn)生地域,一般也不會干擾脚祟,但是在有些時候下層地域遇到不能解決的事的時候谬以,會向上面一層尋求幫助,當上一層也不能解決的時候又繼續(xù)向更上一層尋求幫助由桌,直到最頂層的作用域都不能解決为黎,那么應該就會報錯,可能哪里出現(xiàn)問題了行您。
我們先看一下題目
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
,然后是在函數(shù)名為fn2
的函數(shù)里娃循。我們都知道函數(shù)只是聲明,是需要調(diào)用的,現(xiàn)在找到函數(shù)名()
這樣一個代碼炕檩,就是fn2()
,現(xiàn)在就可以看fn2
的作用域里有沒有變量a
捌斧,如果沒有就從上一層找笛质,直到找到之后,然后看有沒有賦值捞蚂,如果有,賦值多少妇押,結(jié)果就是多少。如果沒有姓迅,結(jié)果就是undefined敲霍。由此推理,所以以上打印結(jié)果為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() //輸出多少
用以上方法丁存,繼續(xù)推理肩杈,那么你會得到打印結(jié)果為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
賦值是在調(diào)用之后锋恬,然后變量會有聲明前置,所以這里的a
只有聲明编丘,對于fn2()
來說,是還沒有賦值的彤悔,所以打印結(jié)果是undefined