JavaScript：如何确保submitRequest在变量赋值后执行？及await赋值疑问

主问题：确保submitRequest在参数赋值完成后调用 #

你贴出的代码都是同步执行逻辑，正常情况下tObject和contentStatus必然会在submitRequest调用前完成赋值。出现空值问题，本质不是赋值顺序的问题，而是store.Id、store.Action、store.content或storeContent本身还未获取到有效值（比如这些数据是异步请求返回的结果，还没加载完成就触发了handleSubmit）。

针对这个问题，给出两种解决方案：

方案1：先校验必要参数，无有效值则终止执行 #

在执行提交逻辑前，先检查核心参数是否存在，避免带着空值发起请求：

const handleSubmit = () => {
  // 校验核心参数是否齐全
  if (!store.Id || !store.Action || store.content == null) {
    console.warn("缺少提交所需的必要参数");
    return;
  }

  const tObject = {
    tId: store.Id,
    tAction: store.Action,
    tContent: store.content
  };

  let contentStatus = [];
  if (storeContent != null) {
    contentStatus = storeContent.map((item: IContent) => ({
      contentId: item.contentId,
      content: item.content
    }));
  }

  submitRequest(tObject, contentStatus);
};

如果是React等框架环境，还可以配合UI层做控制：比如参数不全时，把提交按钮设置为禁用状态，从源头避免无效提交。

方案2：如果依赖异步数据，用async/await等待数据就绪 #

如果store或storeContent是通过异步操作获取的（比如API请求、异步状态更新），需要先等待这些异步操作完成，再执行赋值和提交逻辑：

const handleSubmit = async () => {
  // 示例：等待异步获取store数据
  const store = await fetchStoreData();
  // 示例：等待异步获取storeContent数据
  const storeContent = await fetchStoreContent();

  const tObject = {
    tId: store.Id,
    tAction: store.Action,
    tContent: store.content
  };

  let contentStatus = [];
  if (storeContent != null) {
    contentStatus = storeContent.map((item: IContent) => ({
      contentId: item.contentId,
      content: item.content
    }));
  }

  submitRequest(tObject, contentStatus);
};

补充问题：标记async后能否用await为对象赋值？ #

不能。await的作用是等待Promise对象的状态变更，而你示例中的{ tId: store.Id... }是普通JavaScript对象，不是Promise，用await包裹它不会产生任何异步等待的效果，和直接赋值完全等价。

如果store.Id等字段来自异步操作，你需要await那个异步操作本身，而不是最终的对象：

const handleSubmit = async () => {
  // 等待异步操作获取store数据
  const storeData = await getStoreAsync();
  
  const tObject = {
    tId: storeData.Id,
    tAction: storeData.Action,
    tContent: storeData.content
  };

  // 后续提交逻辑...
  submitRequest(tObject, contentStatus);
};

内容的提问来源于stack exchange，提问作者C Sharper