更好的不可变性
更快的不可变更新

高效的 JavaScript 不可变更新库。像修改普通数据一样修改草稿，即可得到下一个不可变状态。

快速入门 GitHub0,000

$npm install mutative

完成相同更新的耗时

越短越好

Mutative
1 倍
Immer
3.6 倍
Immer，自动冻结
6.6 倍

基于 97 项工作负载的几何平均值，分别比较相同配置和各自默认配置（仅 Immer 冻结）。相同配置的 614 个测量案例中，Mutative 在 595 个案例中更快。查看基准测试

简单

告别层层展开，轻松更新状态

将列表最后一项标为完成，再添加一项。展开语法需要逐层复制状态；使用 Mutative，只需修改草稿。

展开语法

reducer.ts

const nextState = {
  ...state,
  list: [
    ...state.list.slice(0, 2),
    {
      ...state.list[2],
      done: true,
    },
    { text: 'Learn Mutative', done: true },
  ],
};

使用 Mutative

reducer.ts

import { create } from 'mutative';

const nextState = create(state, (draft) => {
  draft.list[2].done = true;
  draft.list.push({ text: 'Learn Mutative', done: true });
});

高效

设计使然，快于 Immer

每次更新最多复制每个对象一次，并在副本上原生移动数组元素，无需逐个经过草稿代理。

3.6 倍

相同配置下相对于 Immer 的性能倍数

614 个测量案例中，Mutative 在 595 个案例里更快

6.6 倍

各自默认配置下相对于 Immer 的性能倍数

157 个测量案例中，Mutative 在 154 个案例里更快

基准工作负载

每项结果均与手写 reducer 核对

每次更新耗时，相对于 Mutative

越短越好

Mutative
Immer
Immer，自动冻结

200 次 RTK Query 风格更新

100 个待处理请求和 100 个已完成请求

相对 Immer 加速 1.1 倍

Mutative

Immer

1.1x

Immer，自动冻结

4.8x

更新小对象的一个字段

一个小型普通对象

相对 Immer 加速 1.4 倍

Mutative

Immer

1.4x

Immer，自动冻结

1.9x

向 Set 添加一个数字

包含 10,000 个数字的 Set

相对 Immer 加速 31 倍

Mutative

Immer

31x

Immer，自动冻结

33x

删除第一行

使用 shift() 的 10,000 行数组

相对 Immer 加速 1,052 倍

Mutative

Immer

1,052x

Immer，自动冻结

1,156x

每次更新耗时（微秒），越短越好
工作负载	Mutative	Immer	Immer，自动冻结	相对于 Immer 的性能倍数
200 次 RTK Query 风格更新100 个待处理请求和 100 个已完成请求	1,001 µs	1,133 µs	4,795 µs	1.1x
更新小对象的一个字段一个小型普通对象	0.51 µs	0.69 µs	0.95 µs	1.4x
向 Set 添加一个数字包含 10,000 个数字的 Set	29.5 µs	904 µs	975 µs	31x
删除第一行使用 shift() 的 10,000 行数组	7.04 µs	7,408 µs	8,137 µs	1,052x

在 Apple M1 Max、Node.js 24.16.0、Immer 11.1.18 上独立进程运行三次的中位数，均关闭补丁。条形表示各场景中相对于 Mutative 的单次更新耗时，表格以微秒列出耗时。Mutative 和第一条 Immer 关闭自动冻结，第二条 Immer 使用默认配置。多数场景中，只复制变化部分的手写 reducer 仍然更快。

卡片中的倍数为全部 97 项工作负载中，Immer 耗时与 Mutative 耗时之比的几何平均值。查看基准测试

生产环境