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 } 优化这段代码
时间: 2024-02-14 11:04:21 浏览: 114
这段代码中的异步调用和数据处理可以进行一些优化,例如:
1. 使用 Promise.all() 包装异步调用:可以将异步调用的多个方法使用 Promise.all() 包装起来,提高代码的执行效率。例如:
```javascript
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 语句来处理异步调用可能出现的异常,防止程序崩溃。例如:
```javascript
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() 函数的一些优化建议,可以提高代码的执行效率和健壮性。
阅读全文