React源码学习记录Note01

  • 名为queue的变量并不是一整个队列,而是围绕队列概念的对象;
  • 队列本体是由内存中数个链表节点构成的,queue对象身上的属性只会存储链表的首末指针;
  • 如果队列本体是个循环链表,queue对象身上的属性存的是循环链表的末尾指针;因为拿到末尾指针,即可以进行队尾插入,又可以通过.next找到头节点进行出队;

所以React更新队列的数据结构其实长这样:

const queue: UpdateQueue<State> = {
    baseState: fiber.memoizedState,
    firstBaseUpdate: null, // 链表头指针
    lastBaseUpdate: null, // 链表尾指针
    shared: {
      pending: null, // 循环链表尾指针
    },
    // ...
};

起名为queue的变量并不是队列本体,甚至这个对象身上有两个形态的队列……

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值