请教关于 JS 的 await 的问题，应该没那么幼稚

async drawLine() {   await this.$axios     .post("/controllermsgdatelist", this.listQuery)     .then(response => {       this.ydata = response.data.result;     });    // await this.fetchData();    console.log(this.ydata); 

• 資深大佬 : runhua

  好久没写 js，好像是
  let res = await this.$axios
  .post(“/controllermsgdatelist”, this.listQuery)

  console.log(res);
  }
  结果从 res 里面取

• 資深大佬 : Sapp

  你的 fetchData 方法没有把异步 return 出来

  fetchData() {
  return this.$axios.get(‘/xxx’)
  }

  async drawLine() {
  const res = await this.fetchData()
  console.log(res)
  }

  这样应该是没问题的

• 資深大佬 : scyangjian

  B 站搜全栈之巅可以看看他的是怎么写的

• 資深大佬 : fishlium

  fetchData 改成
  ““
  async fetchData() {
  const res = await this.$axios.post(“/controllermsgdatelist”, this.listQuery);
  this.ydata = res.data.result;
  }
  ““

• 資深大佬 : wangyzj

  别问为什么
  干就是了

• 資深大佬 : zhw2590582

  看看 this.ydata 的赋值过程是不是异步的，异步的话可能引起空值

• 資深大佬 : zhw2590582

  async drawLine() {
  this.ydata = await this.$axios
  .post(“/controllermsgdatelist”, this.listQuery)
  .then(response => response.data.result);

  console.log(this.ydata);
  }

• 資深大佬 : Hypn0s

  二正解

  “`javascript

  fetchData() {
  return this.$axios
  .post(“/controllermsgdatelist”, this.listQuery)
  .then(response => {
  this.ydata = response.data.result;
  });
  }

  “`

• 資深大佬 : shintendo

  2L 说的对，你就是没把 promise return 出来

• 資深大佬 : wu67

  其实就是没 return…而且不用 async 都行吧, 直接 promise then 更加无脑, 看起来更像是同步

• 資深大佬 : shintendo

  其实很简单，你把 this.$axios.post(…).then(…)这个表达式记为变量 x，再对比一下你的两个写法：
  ①
  fetchData() {x}
  await fetchData()
  ②
  await x

  就能一眼看出差异了

• 資深大佬 : mikoshu

  await 需要 return 一个 promise

• 資深大佬 : ashong

  外面再套一个 promise

• 資深大佬 : hyzzz

  2 说的对，await 后面跟着 promise

• 資深大佬 : star7th

  这个好像是 axios 源码设计如此。后面有 then 和没有 then 返回的东西不一样。它是为了兼容 await 的写法和早前流行的 then 写法。你选择其中一个方式去做就好。不要两个一起来

• 資深大佬 : star7th

  好像我没讲对。总是这两种方式只选择一种来用就是了。

• 資深大佬 : shintendo

  @star7th async/await 和 Promise 一起用没有任何问题，有些场景只用 async/await 实现不了，必须混用 Promise.

  把 await 理解为“本句以下直到函数末尾的内容全部放入一个隐藏的 then”就不会晕车了

• 主 資深大佬 : Rexxar

  @Sapp
  @shintendo

  加了 return 确实对了
  但是 ydata 的赋值操作放在了 fetchData 里。即时不 return，这条指令该执行也要执行啊。 比如我有个 table，赋值也放在了 fetchData 里，this.tablelist = response.data.result。 页面的 table 确实显示数据，所以这个 return 不是让本来不会返回的值返回，而是让执行顺序提前了？

• 資深大佬 : azcvcza

  async 和 await 其实是 promise 的语法糖来着

• 資深大佬 : shintendo

  @Rexxar 你可能想的太复杂了
  > 即时不 return，这条指令该执行也要执行啊
  是的，这条指令执行了，问题在于 await 没有正确地等待这条指令执行完，即 await 等待的目标不对。
  await fetchData()这条语句，await 的对象是 fetchData()，即 fetchData 函数调用的返回值，而你没有返回任何东西，相当于 await undefined;

• 資深大佬 : Vogan

  既然用 async/await 了，就都用，别一会又 Promise 的。胡乱扑腾。

• 資深大佬 : Reol

  @shintendo 感谢大佬，吃瓜过程发现原来自己理解的也不深刻。