Svelte中Array.push()修改数组不触发更新是自身问题还是写法错误？

这是Svelte内置的响应式触发规则导致的，和Promise、Array.push本身的逻辑无关：

• Svelte的响应式更新依赖赋值语句触发，只有编译器识别到对响应式变量的赋值操作时，才会触发对应的视图刷新。
• itemsA[itemsA.length] = item属于标准的赋值操作，Svelte可以直接识别到itemsA被修改，因此每次调用都会触发视图更新。
• itemsB.push(item)是调用数组原生方法修改数组内容，Svelte默认不会监听数组方法的调用，因此不会主动触发视图更新。

你观察到的同步调用addItem时两个数组表现一致、异步/事件回调中表现不一致的原因是：
初始化阶段的同步修改会在组件首次渲染前完成，此时无论是否触发响应式更新，修改后的值都会被包含在首次渲染结果里；而异步回调、用户事件触发的修改发生在首次渲染完成后，必须主动触发响应式更新才能让视图同步最新状态。
你可以通过console.log(itemsB)验证：数组实际已经被push方法修改，新增的元素真实存在，只是没有同步到视图上。

两种常用的兼容方案：

1. 调用数组方法后追加空赋值触发响应式：

const addItem = (item) => {
  itemsA[itemsA.length] = item;
  itemsB.push(item);
  itemsB = itemsB; // 追加空赋值，触发Svelte响应式更新
}

2. 直接用赋值语法实现新增元素，替代push方法：

const addItem = (item) => {
  itemsA[itemsA.length] = item;
  itemsB = [...itemsB, item]; // 展开运算符赋值，自带响应式触发效果
}

内容的提问来源于stack exchange，提问作者Jim Phillips