作用域
1.javascript局部作用域
變量在函數(shù)內(nèi)部聲明,變量為局部作用域.
//局部變量：只能在函數(shù)內(nèi)部訪問
function test(){
var name='zdb'
}
console.log(name) //undefined
2.javascript全局變量
//全局變量：函數(shù)內(nèi)部外部都可以訪問
var name='zdb'
function test(){
console.log(name) //zdb
}
test()
3.隱式聲明
//函數(shù)內(nèi)部沒有使用var 聲明的變量 會默認(rèn)認(rèn)為是全局變量
function test(){
name='zdb'
}
console.log(name) //zdb
[[scope]]作用域
每個javascript函數(shù)都是一個對象,對象中有的屬性可以訪問，有的屬性僅供javascript引擎存取[[scope]]就是其中一個，指的是作用域，其中存儲了運(yùn)行期上下文集合.
運(yùn)行期上下文
當(dāng)函數(shù)執(zhí)行時,會創(chuàng)建一個稱為執(zhí)行期上下文的內(nèi)部對象.一個執(zhí)行期上下文定義了一個執(zhí)行時的環(huán)境,函數(shù)每次執(zhí)行時對應(yīng)的執(zhí)行上下文都是獨(dú)一無二的,所以多次調(diào)用一個函數(shù)會導(dǎo)致創(chuàng)建多個執(zhí)行上下文，當(dāng)函數(shù)執(zhí)行完畢，它所產(chǎn)生的上下文被銷毀.
- 代碼示例
var glob=1000
function test(){
console.log('test')
}
1.test函數(shù)聲明時,scope[0]里指向全局GO對象
var glob=1000
function test(){
var b=123
console.log(b) //123
}
test()
2.test函數(shù)執(zhí)行時會創(chuàng)建一個獨(dú)一無二的執(zhí)行期上下文AO，形成作用域鏈，AO會默認(rèn)排到作用域鏈的最頂端.
- test執(zhí)行完畢會默認(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對象
2.a函數(shù)執(zhí)行創(chuàng)建自己的AO，會將自己的AO排到作用域鏈的最頂端,a執(zhí)行的時候,定義b函數(shù),b函數(shù)定義會自帶a函數(shù)的AO、GO ，b函數(shù)與a函數(shù),指向的是同一個AO.
3.a函數(shù)執(zhí)行過程中，b函數(shù)定義被執(zhí)行，b函數(shù)執(zhí)行創(chuàng)建自己的AO，執(zhí)行完畢銷毀自己的AO,b函數(shù)里面查找aa變量統(tǒng)一在作用域鏈依次由上向下查找,自己的AO里沒有找到aa變量,修改的變量aa是a函數(shù)AO對象的值.這時aa已被改為0，再次讀取aa變量 值為0.
4.b函數(shù)執(zhí)行完畢會銷毀自己的AO回到初始狀態(tài),其次a函數(shù)執(zhí)行完畢會銷毀自己的AO回到初始狀態(tài).
- 閉包
一個內(nèi)層函數(shù)中訪問到其外層函數(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被定義時 并將b保存出到函數(shù)外部.
2.b函數(shù)執(zhí)行時a函數(shù)已執(zhí)行完畢，a函數(shù)會取消指向自己AO的引用，但是b函數(shù)還指向a函數(shù)的AO引用，b函數(shù)在自己執(zhí)行時會創(chuàng)建自己的AO會默認(rèn)排到作用域鏈的最頂端[0]位，b函數(shù)讀取aaa變量默認(rèn)會從作用域頂端依次向下查找,這時自己AO沒有aaa，a函數(shù)的AO里有aaa所以查找結(jié)果為123
- 立即執(zhí)行函數(shù)
可以讓函數(shù)在創(chuàng)建后立即執(zhí)行.
- 寫法一
(function(){
console.log(1)
}())
- 寫法二
(function(){
console.log(2)
})()
- 被執(zhí)行符號執(zhí)行的表達(dá)式,函數(shù)名沒有意義
//此處函數(shù)名沒有意義
(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í)行符號執(zhí)行
function test(){
console.log(1111)
}() //error:Unexpected token ')'
//執(zhí)行符號 * /例外
+ function test(){
console.log(1111)
}() //1111
- function test(){
console.log(1111)
}() //1111
! function test(){
console.log(1111)
}() //1111
- 如果調(diào)用傳參不會執(zhí)行，也不會報錯
function test(a,b){
console.log(a+b)
}(1,4)
//系統(tǒng)會識別成
function test(a,b){
console.log(a+b)
}
(1,4)
- 立即執(zhí)行函數(shù)應(yīng)用場景
//可以套用作用域鏈，梳理邏輯
function test(){
var arr=[];
for(var i=0;i<10;i++){
arr[i]=function(){
console.log(i) //10個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]()
}
