track方法接受三個(gè)參數(shù),第一個(gè)參數(shù)是收集的對(duì)象target,第二個(gè)參數(shù)是依賴操作類別type,共有三個(gè)get、has、iterate,第三個(gè)是對(duì)象屬性方法key
track方法體如下
1.滿足可追蹤shouldTrack為true和當(dāng)前副作用activeEffect存在才會(huì)進(jìn)行依賴收集
2.滿足1后,獲取對(duì)象全局映射,如果對(duì)象全局映射不存在,則創(chuàng)建關(guān)于對(duì)象的全局映射,映射到的類型Map類型
3.接著第2步,獲取對(duì)象target中關(guān)于key值的映射,如果不存在則創(chuàng)建key值的映射,映射到的類型是Set類型,上面掛有w和n屬性,w指的是已經(jīng)收集依賴,n指的是新的收集依賴
4.調(diào)用trackEffects方法進(jìn)行依賴收集
export let shouldTrack = true
// 條件1
if (shouldTrack && activeEffect) {
let depsMap = targetMap.get(target)
// 條件2
if (!depsMap) {
targetMap.set(target, (depsMap = new Map()))
}
let dep = depsMap.get(key)
// 條件3
if (!dep) {
depsMap.set(key, (dep = createDep()))
}
const eventInfo = __DEV__
? { effect: activeEffect, target, type, key }
: undefined
trackEffects(dep, eventInfo)
}
}
trackEffects方法體如下
在介紹之前,先了解一下幾個(gè)變量
effectTrackDepth:表示遞歸嵌套執(zhí)行effect函數(shù)的深度,初始值0
trackOpBit:表示標(biāo)識(shí)依賴收集的狀態(tài),初始值1
maxMarkerBits:表示最大標(biāo)記的位數(shù),值為30(文后講述為什么)
1.先判斷當(dāng)前effect嵌套的深度,如果小于30層的,則繼續(xù)判斷當(dāng)前dep是否已經(jīng)是新的依賴,如果不是,key值的映射對(duì)象dep上的n設(shè)置為依賴收集狀態(tài)trackOpBit,如果當(dāng)前dep之前沒有沒存舊的依賴,則可追蹤shouldTrack設(shè)置為true,反之為false;如果大于30層,可追蹤shouldTrack則根據(jù)dep身上有沒有存在當(dāng)前副作用來取值,不存在則可追蹤依賴,不在則相反
2.如果可追蹤shouldTrack為true,這把當(dāng)前副作用activeEffect加到key值映射對(duì)象dep中作為依賴。當(dāng)前副作用activeEffect上的deps收集當(dāng)前映射對(duì)象dep作為依賴
export function trackEffects(
dep: Dep,
debuggerEventExtraInfo?: DebuggerEventExtraInfo
) {
let shouldTrack = false
if (effectTrackDepth <= maxMarkerBits) {
if (!newTracked(dep)) {
dep.n |= trackOpBit // set newly tracked
shouldTrack = !wasTracked(dep)
}
} else {
// Full cleanup mode.
shouldTrack = !dep.has(activeEffect!)
}
if (shouldTrack) {
dep.add(activeEffect!)
activeEffect!.deps.push(dep)
if (__DEV__ && activeEffect!.onTrack) {
activeEffect!.onTrack({
effect: activeEffect!,
...debuggerEventExtraInfo!
})
}
}
}
export const wasTracked = (dep: Dep): boolean => (dep.w & trackOpBit) > 0
export const newTracked = (dep: Dep): boolean => (dep.n & trackOpBit) > 0
現(xiàn)在,依賴已經(jīng)收集完畢。那么接下來我們談一下為什么maxMarkerBits最大是30。
V8針對(duì)整數(shù)有兩種表示法,一種是smi,針對(duì)31位有符號(hào)范圍內(nèi)的整型數(shù)字(存儲(chǔ)是32位,其中一位是符號(hào)位),另一種是HeapObject(代表這內(nèi)存的實(shí)體地址)。V8對(duì)smi啟用一個(gè)特殊優(yōu)化,當(dāng)使用smi內(nèi)的數(shù)字時(shí),引擎不需要為其專門的內(nèi)存實(shí)體,并會(huì)啟動(dòng)快速整型操作。因此,maxMarkerBits最高取值為31位最合適,超過就對(duì)性能有影響。
那現(xiàn)在為什么最大為30呢,看看這個(gè)trackOpBit = 1 << ++effectTrackDepth應(yīng)該差不多明白了
現(xiàn)在依賴已經(jīng)收集了,那派發(fā)的呢?下文我們將進(jìn)一步速覽!
本人菜雞,有問題望前輩及時(shí)指出,不勝感激?。?/p>