SvelteKit中两种use:enhance SubmitFunction写法的差异与推荐

问题场景 #

在执行SvelteKit Form Action前请求用户确认，编写了两种自定义SubmitFunction，均能正常工作，但想了解二者行为差异及技术层面的推荐方案：

写法一 #

const submit: SubmitFunction = async ({ cancel }) => {
  if (confirm("Are you sure you want to delete this post?")) {
    return async ({ update }) => {
      return update();
    };
  } else {
    cancel();
  }
};

写法二 #

const submit: SubmitFunction = async ({ cancel }) => {
  if (confirm("Are you sure you want to delete this post?")) {
    return async ({ result }) => {
      return await applyAction(result);
    };
  } else {
    cancel();
  }
};

行为差异 #

• 写法一的update()：是SvelteKit为SubmitFunction回调提供的封装方法，内部不仅会调用applyAction(result)处理Action结果，还会自动同步表单的内部状态（比如重置submitting状态、更新页面数据上下文等），完全复刻默认表单提交后的所有行为。
• 写法二的applyAction(result)：仅负责处理Action的核心结果（比如页面跳转、Flash消息设置等），但不会自动维护表单的内部状态。如果你的模板依赖$page.form.submitting这类内置状态，可能会出现状态不更新的异常（比如表单一直显示"提交中"）。

技术推荐 #

优先选择写法一：

• 它完全遵循SvelteKit的默认表单处理流程，无需手动维护状态，代码更简洁且不易出错。
• 写法二更适合需要在处理Action结果前后添加自定义逻辑的场景（比如在applyAction前记录日志、修改结果数据），但如果只是要实现"确认后执行默认提交逻辑"的需求，update()是更合适的选择。

内容的提问来源于stack exchange，提问作者Abdelfattah Radwan