V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
Hoshinokozo
V2EX  ›  JavaScript

看 vue 源码时看到了这么一段

  •  
  •   Hoshinokozo · 2020-08-25 14:21:18 +08:00 · 3425 次点击
    这是一个创建于 1585 天前的主题,其中的信息可能已经有所发展或是发生改变。
     /*两个 VNode 节点相同则直接返回*/
        if (oldVnode === vnode) {
          return
        }
    

    没记错的话,oldVnode 和 vnode 都是对象,这样的对比有什么意义呢,难道是判断这两个是同一个对象吗?

    实在是没弄明白,求解答

    8 条回复    2020-08-28 15:46:28 +08:00
    nnnToTnnn
        1
    nnnToTnnn  
       2020-08-25 14:31:58 +08:00   ❤️ 4
    单看这段代码,脑残的写法。 但是如果结合上下文看就不一定了。

    const oldVnode = {'test': 1}
    const vnode = oldVnode

    if (oldVnode === vnode) {
    return
    }
    nnnToTnnn
        2
    nnnToTnnn  
       2020-08-25 14:32:51 +08:00
    根据这个逻辑,可以简单判断到底是新创建的对象,还是旧的对象。
    optional
        3
    optional  
       2020-08-25 14:34:44 +08:00
    vue 3? vue3 里有静态 node 提升的特性,对于静态的 node,每次渲染的对象是同一个。
    nnnToTnnn
        4
    nnnToTnnn  
       2020-08-25 14:34:58 +08:00
    const oldVnode = {'test': 1}
    let vnode = oldVnode

    if (oldVnode.test === 2) {
    vnode = {'test': 3}
    }

    if (oldVnode === vnode) {
    return
    }

    你在看这个比较,是不是就存在很大的意义了? 看代码要结合上下文来看,单给一段代码,看个寂寞啊?
    Hoshinokozo
        5
    Hoshinokozo  
    OP
       2020-08-25 14:48:06 +08:00
    @optional vue2
    blindie
        6
    blindie  
       2020-08-25 15:14:55 +08:00 via Android
    浅比较常用写法
    akatquas
        7
    akatquas  
       2020-08-25 17:50:07 +08:00   ❤️ 1
    大概是如果重新执行 render,会得到新的一个对象。
    那么反推,如果不是新的对象,则不需要比较。
    JayLin1011
        8
    JayLin1011  
       2020-08-28 15:46:28 +08:00
    如果是移动虚拟节点,那么节点就没必要比较和打补丁更新,可以复用,直接 return 跳出比较 patchVode() 方法。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2810 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 13:59 · PVG 21:59 · LAX 05:59 · JFK 08:59
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.