响应式对象ref单元测试

[xlcodes]

在@vue/reactivity响应式包中，针对 ref(packages/reactivity/tests/ref.spec.ts) 有如下一条单元测试：

test('ref should preserve value shallow/readonly-ness', () => {
  const original = {}
  const r = reactive(original)
  const s = shallowReactive(original)
  const rr = readonly(original)
  const a = ref(original)

  expect(a.value).toBe(r)

  a.value = s
  expect(a.value).toBe(s)
  expect(a.value).not.toBe(r)

  a.value = rr
  expect(a.value).toBe(rr)
  expect(a.value).not.toBe(r)
})

有朋友知道这条单元测试的用意吗？我有点不太理解。

[OnlyWick]

这单测名已经说了, ref 应该保存 shallow/readonly 的特性。看了这个 commit 的信息, 说是用来处理边界情况的。这跟 C++ 的 const 类似。

ref 本身代表着可变性, 意味着 ref 可以随意更改它内部的对象, 都能触发响应。但是, 如果你把 shallow, 或者 readonly 的响应式对象放到 ref 里, ref 也能去更改, 那就不合理了。