手撕 Pinia 源码（三）：实现 Pinia 内置方法

2023-12-30 09:43:34

在 Pinia 中，内置了一些方法来方便我们管理状态。其中，$patch 方法是用于对当前状态应用状态补丁的。它可以同时批量设置状态值，或者传入一个回调函数，在回调函数中我们可以访问当前仓库的所有属性和方法。

$patch 方法有两种使用方式：

store.$patch({
  count: 10,
  name: 'John Doe',
});

传入回调函数 ：传入一个回调函数，回调函数接收一个 store 参数，我们可以通过 store 访问当前仓库的所有属性和方法。在回调函数中，我们可以对状态进行任意修改。

store.$patch((store) => {
  store.count += 10;
  store.name = 'Jane Doe';
});

使用 $patch 方法时，需要遵循以下注意事项：

Pinia 中的状态补丁是一种特殊的对象，它包含一系列键值对，每个键值对代表一个要更新的状态属性。当应用状态补丁时，Pinia 会使用合并策略将补丁中的键值对与当前状态进行合并。

合并策略如下：

如果补丁中的键在当前状态中不存在，则将补丁中的值直接添加到当前状态中。
如果补丁中的键在当前状态中已存在，则将补丁中的值与当前状态中的值进行合并。合并规则如下：
- 如果当前状态中的值是一个对象，则将补丁中的值与当前状态中的值进行递归合并。
- 如果当前状态中的值不是一个对象，则用补丁中的值替换当前状态中的值。