javascript – 为什么在.then()链接到Promise时未定义值？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 为什么在.then()链接到Promise时未定义值？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1171字，纯文字阅读大概需要2分钟。

内容图文

特定

function doStuff(n /* `n` is expected to be a positive number */) {
  return new Promise(function(resolve, reject) {
    setTimeout(function() {
      resolve(n * 10)
    }, Math.floor(Math.random() * 1000))
  })
  .then(function(result) {
    if (result > 100) {
      console.log(result + " is greater than 100")
    } else {
      console.log(result + " is not greater than 100");
    }
  })
}

doStuff(9)
.then(function(data) {
  console.log(data) // `undefined`,  why?
})

为什么在.then()链接到doStuff()调用时数据未定义？

解决方法:

因为链接到Promise构造函数的.then()没有返回Promise或其他值.

请注意,.then()返回一个新的Promise对象.

解决方案是返回一个值或其他函数调用,它从.then()返回一个值或Promise.

function doStuff(n /* `n` is expected to be a positive number */) {
  return new Promise(function(resolve, reject) {
    setTimeout(function() {
      resolve(n * 10)
    }, Math.floor(Math.random() * 1000))
  })
  .then(function(result) {
    if (result > 100) {
      console.log(result + " is greater than 100")
    } else {
      console.log(result + " is not greater than 100");
    }
    // `return` `result` or other value here
    // to avoid `undefined` at chained `.then()`
    return result
  })
}

doStuff(9)
.then(function(data) {
  console.log("data is: " + data) // `data` is not `undefined`
});

内容总结

以上是互联网集市为您收集整理的javascript – 为什么在.then()链接到Promise时未定义值？全部内容，希望文章能够帮你解决javascript – 为什么在.then()链接到Promise时未定义值？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端