var hook = mountWorkInProgressHook();

function mountEffectImpl(fiberFlags, hookFlags, create, deps) {
  // hook初始化
  var hook = mountWorkInProgressHook();
  // 判斷是否有傳入deps，如果有會作為下次更新的deps
  var nextDeps = deps === undefined ? null : deps;
  // 給hook所在的fiber打上有副作用的更新的標記
  currentlyRenderingFiber$1.flags |= fiberFlags;
  // 將副作用操作存放到fiber.memoizedState.hook.memoizedState中
  hook.memoizedState = pushEffect(HasEffect | hookFlags, create, undefined, nextDeps);
}

function pushEffect(tag, create, destroy, deps) {
  // 初始化副作用結(jié)構(gòu)，
  var effect = {
    tag: tag,
    create: create,   // 回調(diào)函數(shù)
    destroy: destroy,  // 回調(diào)函數(shù)里的return（mount時是undefined）
    deps: deps,    // 依賴數(shù)組
    // 閉環(huán)鏈表
    next: null
  };
  // 下面的一大段代碼看著復雜，但是有沒有很熟悉的感覺？
  var componentUpdateQueue = currentlyRenderingFiber$1.updateQueue;
  if (componentUpdateQueue === null) {
    componentUpdateQueue = createFunctionComponentUpdateQueue();
    currentlyRenderingFiber$1.updateQueue = componentUpdateQueue;
    // effect.next = effect形成環(huán)形鏈表
    componentUpdateQueue.lastEffect = effect.next = effect;   
  } else {
    var lastEffect = componentUpdateQueue.lastEffect;
    if (lastEffect === null) {
      componentUpdateQueue.lastEffect = effect.next = effect;
    } else {
      var firstEffect = lastEffect.next;
      lastEffect.next = effect;
      effect.next = firstEffect;
      componentUpdateQueue.lastEffect = effect;
    }
  }
  return effect;
}

function updateEffectImpl(fiberFlags, hookFlags, create, deps) {
  var hook = updateWorkInProgressHook();
  var nextDeps = deps === undefined ? null : deps;
  var destroy = undefined;
  if (currentHook !== null) {
    var prevEffect = currentHook.memoizedState;
    destroy = prevEffect.destroy;
    if (nextDeps !== null) {
      var prevDeps = prevEffect.deps;
      // 比較兩次依賴數(shù)組中的值是否有變化
      if (areHookInputsEqual(nextDeps, prevDeps)) {
        // 和之前初始化時一樣
        pushEffect(hookFlags, create, destroy, nextDeps);
        return;
      }
    }
  }
  // 和之前初始化時一樣
  currentlyRenderingFiber$1.flags |= fiberFlags;
  hook.memoizedState = pushEffect(HasEffect | hookFlags, create, destroy, nextDeps);
}

function areHookInputsEqual(nextDeps, prevDeps) {
  // 沒有傳deps的情況返回false
  if (prevDeps === null) {
    return false;
  }
  // deps不是[]，且其中的值有變動才會返回false
  for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++) {
    if (objectIs(nextDeps[i], prevDeps[i])) {
      continue;
    }
    return false;
  }
  // deps = []，或者deps里面的值沒有變化會返回true
  return true;
}

// if內(nèi)部的，第一個參數(shù)是hookFlags = 4
pushEffect(hookFlags, create, destroy, nextDeps);
// if外部的，第一個參數(shù)是HasEffect | hookFlags = 5
hook.memoizedState = pushEffect(HasEffect | hookFlags, create, destroy, nextDeps);

function schedulePassiveEffects(finishedWork) {
  var updateQueue = finishedWork.updateQueue;
  var lastEffect = updateQueue !== null ? updateQueue.lastEffect : null;
  if (lastEffect !== null) {
    var firstEffect = lastEffect.next;
    var effect = firstEffect;
    // 遍歷effect鏈表
    do {
      var _effect = effect,
          next = _effect.next,
          tag = _effect.tag;
      // 基于effect.tag決定是否添加到副作用執(zhí)行隊列
      if ((tag & Passive$1) !== NoFlags$1 && (tag & HasEffect) !== NoFlags$1) {
        enqueuePendingPassiveHookEffectUnmount(finishedWork, effect);
        enqueuePendingPassiveHookEffectMount(finishedWork, effect);
      }
      effect = next;
    } while (effect !== firstEffect);
  }
}

function flushPassiveEffectsImpl() {
  // 執(zhí)行上次更新動作的銷毀函數(shù)
  var unmountEffects = pendingPassiveHookEffectsUnmount;
  pendingPassiveHookEffectsUnmount = [];
  for (var i = 0; i < unmountEffects.length; i += 2) {
    ...destroy()
  }
  // 執(zhí)行本次更新動作的回調(diào)函數(shù)
  var mountEffects = pendingPassiveHookEffectsMount;
  pendingPassiveHookEffectsMount = [];
  for (var _i = 0; _i < mountEffects.length; _i += 2) {
    ...create()
  }
}

var unmountEffects = pendingPassiveHookEffectsUnmount;
var mountEffects = pendingPassiveHookEffectsMount;