JavaScript 代码优化：使用 Promise 处理异步操作

以下代码演示了如何使用 Promise 优化 JavaScript 代码中的异步操作，并提供示例代码展示如何使用 Promise 处理 getYears 和 queryscires 函数。

getYears() {
  return new Promise((resolve, reject) => {
    getGradeYears({xh: this.studentXh}).then(res => {
      if (res.msg == '成功') {
        this.options = res.data
        if (this.options.length > 0) {
          this.gradeyear = this.options[0].gradeYear
          this.queryscires()
        }
        resolve()
      } else {
        reject('获取年级失败')
      }
    }).catch(error => {
      reject(error)
    })
  })
},

queryscires() {
  return new Promise((resolve, reject) => {
    if (Number.parseInt(this.itemindex) < 6) {
      this.$refs.studentmain.getYears().then(() => {
        this.getScore()
        resolve()
      }).catch(error => {
        reject(error)
      })
    } else {
      this.$refs.studentport.queryscires().then(() => {
        resolve()
      }).catch(error => {
        reject(error)
      })
    }
  })
}

代码优化要点：

• 使用 Promise 将异步操作封装为可管理的单元，方便处理成功和失败的情况。
• 在 getYears 函数中，使用 resolve 和 reject 方法分别处理成功和失败情况，并返回一个 Promise 对象。
• 在 queryscires 函数中，使用 then 和 catch 方法处理异步操作的结果，并在操作完成之后调用 resolve 方法。
• 通过 Promise 的链式调用，可以实现多个异步操作的顺序执行。

使用 Promise 的优势：

• **代码可读性：**使用 Promise 可以使代码更加易于理解和维护。
• **错误处理：**通过 catch 方法可以轻松处理异步操作中的错误。
• 代码组织：Promise 可以将异步操作封装为可重用的模块。
• 并发执行：Promise 可以支持多个异步操作的并发执行。

通过使用 Promise 优化 JavaScript 代码中的异步操作，可以提高代码的可读性、可维护性和性能。