track依賴收集(4)

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>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容