作用域
1.javascript局部作用域
變量在函數(shù)內(nèi)部聲明,變量為局部作用域.
//局部變量：只能在函數(shù)內(nèi)部訪問(wèn)
function test(){
var name='zdb'
}
console.log(name) //undefined
2.javascript全局變量
//全局變量：函數(shù)內(nèi)部外部都可以訪問(wèn)
var name='zdb'
function test(){
console.log(name) //zdb
}
test()
3.隱式聲明
//函數(shù)內(nèi)部沒(méi)有使用var 聲明的變量 會(huì)默認(rèn)認(rèn)為是全局變量
function test(){
name='zdb'
}
console.log(name) //zdb
[[scope]]作用域
每個(gè)javascript函數(shù)都是一個(gè)對(duì)象,對(duì)象中有的屬性可以訪問(wèn)，有的屬性僅供javascript引擎存取[[scope]]就是其中一個(gè)蹋砚，指的是作用域扼菠，其中存儲(chǔ)了運(yùn)行期上下文集合.
運(yùn)行期上下文
當(dāng)函數(shù)執(zhí)行時(shí),會(huì)創(chuàng)建一個(gè)稱為執(zhí)行期上下文的內(nèi)部對(duì)象.一個(gè)執(zhí)行期上下文定義了一個(gè)執(zhí)行時(shí)的環(huán)境,函數(shù)每次執(zhí)行時(shí)對(duì)應(yīng)的執(zhí)行上下文都是獨(dú)一無(wú)二的,所以多次調(diào)用一個(gè)函數(shù)會(huì)導(dǎo)致創(chuàng)建多個(gè)執(zhí)行上下文，當(dāng)函數(shù)執(zhí)行完畢坝咐，它所產(chǎn)生的上下文被銷毀.
- 代碼示例
var glob=1000
function test(){
console.log('test')
}
1.test函數(shù)聲明時(shí),scope[0]里指向全局GO對(duì)象
var glob=1000
function test(){
var b=123
console.log(b) //123
}
test()
2.test函數(shù)執(zhí)行時(shí)會(huì)創(chuàng)建一個(gè)獨(dú)一無(wú)二的執(zhí)行期上下文AO循榆，形成作用域鏈，AO會(huì)默認(rèn)排到作用域鏈的最頂端.
- test執(zhí)行完畢會(huì)默認(rèn)銷毀自己的執(zhí)行上下文AO,回到初始定義狀態(tài).
- 代碼示例
function a(){
function b(){
var bb=234
aa=0
}
var aa=123;
b();
console.log(aa) //0
}
a()
1.a定義狀態(tài),scope[0]里指向全局GO對(duì)象
2.a函數(shù)執(zhí)行創(chuàng)建自己的AO墨坚，會(huì)將自己的AO排到作用域鏈的最頂端,a執(zhí)行的時(shí)候,定義b函數(shù),b函數(shù)定義會(huì)自帶a函數(shù)的AO秧饮、GO ，b函數(shù)與a函數(shù),指向的是同一個(gè)AO.
3.a函數(shù)執(zhí)行過(guò)程中，b函數(shù)定義被執(zhí)行盗尸，b函數(shù)執(zhí)行創(chuàng)建自己的AO柑船，執(zhí)行完畢銷毀自己的AO,b函數(shù)里面查找aa變量統(tǒng)一在作用域鏈依次由上向下查找,自己的AO里沒(méi)有找到aa變量,修改的變量aa是a函數(shù)AO對(duì)象的值.這時(shí)aa已被改為0，再次讀取aa變量 值為0.
4.b函數(shù)執(zhí)行完畢會(huì)銷毀自己的AO回到初始狀態(tài),其次a函數(shù)執(zhí)行完畢會(huì)銷毀自己的AO回到初始狀態(tài).
- 閉包
一個(gè)內(nèi)層函數(shù)中訪問(wèn)到其外層函數(shù)的作用域.
- 代碼示例
function a(){
function b(){
var bbb=234;
console.log(aaa) //123
}
var aaa=123;
return b;
}
var glob=100;
var demo=a();
demo()
1.a被執(zhí)行,b被定義時(shí) 并將b保存出到函數(shù)外部.
2.b函數(shù)執(zhí)行時(shí)a函數(shù)已執(zhí)行完畢泼各，a函數(shù)會(huì)取消指向自己AO的引用椎组，但是b函數(shù)還指向a函數(shù)的AO引用，b函數(shù)在自己執(zhí)行時(shí)會(huì)創(chuàng)建自己的AO會(huì)默認(rèn)排到作用域鏈的最頂端[0]位历恐，b函數(shù)讀取aaa變量默認(rèn)會(huì)從作用域頂端依次向下查找,這時(shí)自己AO沒(méi)有aaa寸癌，a函數(shù)的AO里有aaa所以查找結(jié)果為123
- 立即執(zhí)行函數(shù)
可以讓函數(shù)在創(chuàng)建后立即執(zhí)行.
- 寫(xiě)法一
(function(){
console.log(1)
}())
- 寫(xiě)法二
(function(){
console.log(2)
})()
- 被執(zhí)行符號(hào)執(zhí)行的表達(dá)式,函數(shù)名沒(méi)有意義
//此處函數(shù)名沒(méi)有意義
(function test(){console.log(1)}())
console.log(test) // test is not defined
let test=function demo(){
console.log(11111)
}()
console.log(demo)// demo is not defined
- 只有執(zhí)行表達(dá)式才能被執(zhí)行符號(hào)執(zhí)行
function test(){
console.log(1111)
}() //error:Unexpected token ')'
//執(zhí)行符號(hào) * /例外
+ function test(){
console.log(1111)
}() //1111
- function test(){
console.log(1111)
}() //1111
! function test(){
console.log(1111)
}() //1111
- 如果調(diào)用傳參不會(huì)執(zhí)行，也不會(huì)報(bào)錯(cuò)
function test(a,b){
console.log(a+b)
}(1,4)
//系統(tǒng)會(huì)識(shí)別成
function test(a,b){
console.log(a+b)
}
(1,4)
- 立即執(zhí)行函數(shù)應(yīng)用場(chǎng)景
//可以套用作用域鏈弱贼，梳理邏輯
function test(){
var arr=[];
for(var i=0;i<10;i++){
arr[i]=function(){
console.log(i) //10個(gè)10
}
}
return arr
}
let myArr=test();
for(var i=0;i<myArr.length;i++){
myArr[i]()
}
//利用自執(zhí)行函數(shù)蒸苇，生成作用域鏈
function test(){
var arr=[];
for(var i=0;i<10;i++){
arr[i]=(function(j){
return function (){
console.log(j) //0,1,2,3,4,5,6,7,8,9
}
}(i))
}
return arr
}
let myArr=test();
for(var i=0;i<myArr.length;i++){
myArr[i]()
}
