純干貨，沒有廢話
先看題目杏节，諸位自測
題目1
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() //輸出多少
題目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() //輸出多少
題目3
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() //輸出多少
結(jié)果
2//題目1
1//題目2
undefined//題目3
解密
1、函數(shù)在執(zhí)行時先從自己內(nèi)部的局部作用域中查找變量，找到則用
2奋渔、如果在函數(shù)內(nèi)部找不到镊逝，則在定義此函數(shù)的作用域中查找變量，找到則用
3嫉鲸、如果在定于函數(shù)的作用域內(nèi)還是找不到撑蒜，則在定義包含此函數(shù)的函數(shù)的作用域中查找變量，找到則用
4玄渗、依次往上座菠，直至全局作用域，如果在全局作用域中依然找不到捻爷，則報錯
結(jié)果淺析
題目1：
執(zhí)行fn()即執(zhí)行fn1返回的fn3辈灼，在fn3中又調(diào)用fn2，fn2中用到變量a也榄，根據(jù)作用域鏈規(guī)則查找巡莹，首先在fn2內(nèi)部沒有找到變量a，則繼續(xù)在定義fn2的作用域(題目1中即為函數(shù)fn1的內(nèi)部)中查找變量a甜紫，在fn1中定于了變量a=2降宅，因此執(zhí)行fn()得到結(jié)果為2
題目2與題目1類似，不在贅述
題目3：
按照題目1的思路囚霸，在題目三中腰根，在定義fn2的作用域中也有變量a=4，那為什么執(zhí)行fn()得到的結(jié)果為undefined呢拓型？那就要引入一個js中變量聲明前置的知識點
什么是變量聲明前置呢额嘿？
所謂變量聲明前置就是js引擎在解析js代碼時，會將所有的變量都提升至所有js代碼的最前面來聲明(注意：僅聲明提前劣挫，賦值不提前)
看個例子：
console.log(a)
var a = 1
//打印結(jié)果是什么?
//A.1
//B.報錯：a未定義
//C.undefined
答案是undefined
因為存在變量聲明前置册养，所以上面例子的代碼等價于：
var a ;//undefined
console.log(a) ;//執(zhí)行此語句時，變量a已經(jīng)聲明压固，但未賦值球拦，因此值為undefined
a = 1
回到題目3:
結(jié)合變量聲明前置，函數(shù)fn3等同于：
function fn3() {
function fn2() {
console.log(a)
}
var a
fn2()//執(zhí)行fn2()時帐我，變量a已經(jīng)聲明坎炼，但未賦值，因此值為undefined
a = 4
}
簡單理解作用域鏈：
先找自己拦键，自己沒有找爹谣光，爹沒有找爹的爹，爹的爹沒有找爹的爹的爹芬为，......抢肛，直至找到?jīng)]有爹可找
