async function InProcessCount() { const arr = await store.dispatch('ESourcingModule/GetMyRequest', searchView.value) // eslint-disable-next-line @typescript-eslint/no-unsafe-call event.InClarificationCount = arr.filter(o => o.ViewType === 'InClarification').length // eslint-disable-next-line @typescript-eslint/no-unsafe-call event.SupplementEventDetailsCount = arr.filter(o => o.ViewType === 'SupplementEventDetails').length } void InProcessCount() 优化代码

可以将函数定义改为箭头函数，并将函数名和调用合并到一起，去掉无效的 `void` 关键字，如下所示：

const inProcessCount = async () => {
  const arr = await store.dispatch('ESourcingModule/GetMyRequest', searchView.value)
  event.InClarificationCount = arr.filter(o => o.ViewType === 'InClarification').length
  event.SupplementEventDetailsCount = arr.filter(o => o.ViewType === 'SupplementEventDetails').length
}

inProcessCount()

这样可以使代码更简洁易读。另外，函数名建议使用小驼峰命名法，以符合 JavaScript 的命名规范。

相关问题

async function InProcessCount() { await store.dispatch('ESourcingModule/GetMyRequest', searchView.value).then((list) => { // eslint-disable-next-line @typescript-eslint/no-unsafe-call event.InProcessCount = list.filter((o: { ViewType: string }) => o.ViewType === 'InClarification' || o.ViewType === 'SupplementEventDetails').length }) } void InProcessCount() 还是没有同步

你需要将 `async function InProcessCount()` 改为：

async function InProcessCount() {
  const list = await store.dispatch('ESourcingModule/GetMyRequest', searchView.value)
  event.InProcessCount = list.filter((o: { ViewType: string }) => o.ViewType === 'InClarification' || o.ViewType === 'SupplementEventDetails').length
}

这里使用了 async/await 同步获取数据，将 `await store.dispatch()` 的结果存储在变量 `list` 中，当获取到数据后再进行过滤操作，最后将结果赋值给 `event.InProcessCount`。另外，你需要删除 `void InProcessCount()` 这行代码，因为它会将函数返回值设置为 `undefined`，导致数据无法同步。

async function bindBaseInfo () { document.title = 'RMS E-Sourcing' loading.value = true selected.value = [] originalRows = await store.dispatch('ESourcingModule/GetMyRequest', event.searchInfo) rows.value = originalRows // eslint-disable-next-line @typescript-eslint/await-thenable await highlightRows() loading.value = false } 优化这段代码

这段代码中的异步调用和数据处理可以进行一些优化，例如：

1. 使用 Promise.all() 包装异步调用：可以将异步调用的多个方法使用 Promise.all() 包装起来，提高代码的执行效率。例如：

async function bindBaseInfo() {
  document.title = 'RMS E-Sourcing'
  loading.value = true
  selected.value = []

  const [originalRows, highlightedRows] = await Promise.all([
    store.dispatch('ESourcingModule/GetMyRequest', event.searchInfo),
    highlightRows(),
  ])

  rows.value = originalRows
  highlightedRows.forEach(row => {
    row.style.backgroundColor = 'yellow'
  })

  loading.value = false
}

这里使用 Promise.all() 包装了两个异步方法，`store.dispatch('ESourcingModule/GetMyRequest', event.searchInfo)` 和 `highlightRows()`，并将它们的返回值作为一个数组返回。然后在回调函数中分别对返回的数据进行处理。

2. 使用 try...catch 处理异常：可以使用 try...catch 语句来处理异步调用可能出现的异常，防止程序崩溃。例如：

async function bindBaseInfo() {
  try {
    document.title = 'RMS E-Sourcing'
    loading.value = true
    selected.value = []

    const [originalRows, highlightedRows] = await Promise.all([
      store.dispatch('ESourcingModule/GetMyRequest', event.searchInfo),
      highlightRows(),
    ])

    rows.value = originalRows
    highlightedRows.forEach(row => {
      row.style.backgroundColor = 'yellow'
    })

    loading.value = false
  } catch (error) {
    console.error(error)
    loading.value = false
  }
}

这里使用 try...catch 语句来捕获可能出现的异常，并在控制台打印错误信息。同时，将 loading.value 设置为 false，以便通知用户操作已经结束。

综上所述，以上是对 bindBaseInfo() 函数的一些优化建议，可以提高代码的执行效率和健壮性。