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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 1554 天前的主题，其中的信息可能已经有所发展或是发生改变。

 /*两个 VNode 节点相同则直接返回*/
    if (oldVnode === vnode) {
      return
    }

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

实在是没弄明白，求解答

8 条回复 • 2020-08-28 15:46:28 +08:00

nnnToTnnn

2020-08-25 14:31:58 +08:00

单看这段代码，脑残的写法。但是如果结合上下文看就不一定了。

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

if (oldVnode === vnode) {
return
}

nnnToTnnn

2020-08-25 14:32:51 +08:00

根据这个逻辑，可以简单判断到底是新创建的对象，还是旧的对象。

optional

2020-08-25 14:34:44 +08:00

vue 3? vue3 里有静态 node 提升的特性，对于静态的 node，每次渲染的对象是同一个。

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

2020-08-25 14:48:06 +08:00

@optional vue2

blindie

2020-08-25 15:14:55 +08:00 via Android

浅比较常用写法

akatquas

2020-08-25 17:50:07 +08:00

大概是如果重新执行 render，会得到新的一个对象。
那么反推，如果不是新的对象，则不需要比较。

JayLin1011

2020-08-28 15:46:28 +08:00

如果是移动虚拟节点，那么节点就没必要比较和打补丁更新，可以复用，直接 return 跳出比较 patchVode() 方法。