.then()方法的意思和用法

最新推荐文章于 2025-06-03 16:07:35 发布
转载 最新推荐文章于 2025-06-03 16:07:35 发布 · 2.6k 阅读 · 5 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/toonezhr/p/10325469.html
文章标签：

#java #c/c++ #matlab

本文详细解析了Promise对象的.then()方法，解释了其如何实现异步执行，避免数据未获取到的问题。通过.then()，可以在前一个操作完成后执行后续程序，参数包括onCompleted和onRejected两个回调函数。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

  1. then()方法是异步执行。

  2. 意思是：就是当.then()前的方法执行完后再执行then()内部的程序，这样就避免了，数据没获取到等的问题。

  3. 语法：promise.then(onCompleted, onRejected);

  4. 参数

    • promise
      必需。
      Promise 对象。

    • onCompleted
      必需。
      承诺成功完成时要运行的履行处理程序函数。

    • onRejected
      可选。
      承诺被拒绝时要运行的错误处理程序函数。

 

转载于:https://www.cnblogs.com/toonezhr/p/10325469.html

前端JavaScript基础训练系列一百七十二：then(..) 和 catch(..)
m0_68635815的博客
02-01 1867
每个 Promise 实例(不是 Promise API 命名空间)都有 then(…) 和 catch(…) 方法，通过 这两个方法可以为这个 Promise 注册完成和拒绝处理函数。Promise 决议之后，立即会调用 这两个处理函数之一，但不会两个都调用，而且总是异步调用。then(…) 接受一个或两个参数:第一个用于完成回调，第二个用于拒绝回调。如果两者中 的任何一个被省略或者作为非函数值传入的话，就会替换为相应的默认回调。
基于JavaScript基础的异步、同步操作，promise、.then()
m0_73991249的博客
02-15 3703
一时没明白这个.then()函数是啥意思，查了网上才知道是一个叫promise的对象的函数，那问题是promise对象又是啥？接着查才知道是跟异步操作有关的，那异步操作又是啥？下面就来分析接着代码从上往下走，每遇到一个函数【被调用了】，就丢到栈区给“临时工”执行，比如第一句的console.log('global begin')，此时就会丢到栈区执行，然后再【控制台】输出语句'global begin',现在这个函数执行完毕没用了，那就从栈区丢掉。
then
jczhang294的博客
05-06 3549
then()方法是异步执行。意思是：就是当.then()前的方法执行完后再执行then()内部的程序，这样就避免了，数据没获取到等的问题。语法：promise.then(onCompleted, onRejected);参数promise必需。Promise 对象。onCompleted必需。承诺成功完成时要运行的履行处理程序函数。onRejected可选。承诺被拒绝时要运行的错误处理程序函数。...
JavaScript Promise 的 then() 方法详解
最新发布
yhyvc的博客
06-03 1380
JavaScript Promise 的 then() 方法详解：then() 是 Promise 处理异步操作的核心方法，接收两个回调函数（处理成功/失败状态）并返回新 Promise。其特点包括：支持链式调用，参数可选，返回值影响后续 Promise 状态；需注意错误冒泡、微任务执行机制及不同返回值类型的影响。典型应用场景包括链式数据处理、组合异步操作和错误恢复。正确使用时应确保错误处理到位，理解其微任务特性。
then 方法
qq_44888570的博客
02-26 7478
then()方法 function func(){ return Promise.resolve('func的返回值') } function callback(arg = '没有传参'){ return `callback函数的返回值 & ${arg}` } func() .then(function (){ return callback(1) //返回的是字符串 }) .then(val => { console.log(val) //callback函数的返回.
JS Promise axios 请求结果后面的.then()
10-30 2235
以上是阅读学习了 MDN 文档后个人总结的学习笔记，可能存在错误和疏漏，欢迎指正与讨论！MDN-使用Promise到此这篇关于JS Promise axios 请求结果后面的.then() 是什么意思 的文章就介绍到这了。
vue fetch中的.then()的正确使用方法
11-20
.then(function(value1){ console.log(value1); return 'hello'; }) .then(function(value2){ console.log(value2); return 'HelloWorld'; }) /* .then(function(data){ console.log(data); return data.text...
async、await和.then的使用
守灯者的博客
12-30 1974
then async await 三者的使用
【前端调试】Promise.then返回值与断点调试
weixin_42182906的博客
06-09 965
在B站上看了一个Promise教程，里面用到了断点的方法，之前没有接触过，故记录。 const p = new Promise((resolve, reject) => { if(true) resolve("成功") }); console.log("(1).p是", p); const pthen = p.then((res)=>{ console.log("(2).p的结果:", res) }, (err) =>
针对axios.then(data =＞ this.data = data)的一些问题解决
WindHide的博客
05-01 521
上一个文章写了封装全局的方法 然后今天写项目碰到的问题是，我想处理数据，然后更改数据，并在特定的条件之下重新查询，会发现由于then的机制导致一直显示后端发送的数据。 我的解决方法比较粗暴就是在template中给展示数据的地方上v-if和else 声明一个data来解决 具体代码 <div> <el-table :data="Reprint" @row-click="cellmouseenter" height="650" border stripe v-i
SQL之case when then用法
weixin_30355437的博客
10-04 114
--简单case函数 case sex when '1' then '男' when '2' then '女’ else '其他' end select ROW_NUMBER() OVER ( ORDER BY equipment_type, equipment_ip desc ) AS xuhao ,[equipment_id], equipment_name ,equip...
2022-03-09 Promise的构造函数是同步还是异步的?then()方法是同步还是异步的?
GAARA
03-09 1066
Promise 构造函数时同步执行的，then 方法是异步执行的
前端JavaScript篇之对Promise的理解、Promise的基本用法、Promise的五个常用的方法：then()、catch()、all()、race()、finally()
星辰迷上大海的博客
02-13 2765
Promise是用于处理异步操作的一种机制。它类似于一个承诺，表示一个操作最终会成功或失败，并返回结果。Promise有三种状态：进行中、成功和失败，并且状态一旦改变就无法再变化。通过调用resolve()将Promise状态改为成功，调用reject()将Promise状态改为失败。可以使用then()注册回调函数来处理操作的结果。Promise的回调函数会在当前任务完成后执行，可以形成一个链式调用来处理多个异步操作。
JS同步执行、异步执行、及同步中的异步执行（promise和then）
qq_37899792的博客
11-25 1万+
首先明确两点： 1.JS 执行机制是单线程。 2.JS的Event loop是JS的执行机制，深入了解Event loop，就等于深入了解JS引擎的执行。 单线程执行带来什么问题？ 在JS执行中都是单线程执行，所以代码的执行可以说是自上而下，如果前一段的代码出现问题，就会导致下一段代码无法执行，对于用户而言就是卡死现象，所以在JS执行机制引出了异步执行操作。 那异步能解决...
前端 .then 返回有数据但是return 不出来 ，并 解决处理后的 Promise下的Object
lzfengquan的博客
01-25 1518
.then 返回有数据但是return 不出来 ，并获取处理后的 Promise下的Object。 原因是：因为axios是异步操作，在获取返回值时请求操作还没有完成就已经完成了赋值操作，所以结果的undefined。当我打印了返回的return 值发现 并没有直接返回我想要的数据，而是在Promise 内部。当我封装完成后在内部打印发先我的数据能够拿到，但是return 的时候一直都市undefined.此时则需要对其进行处理改装成异步，即加上 async 和await 就可以了。
同步、异步、Promise、then、async/await
记录
03-31 1213
演进历程：回调 → Promise → async/await关系Promise是async/await的基础async函数返回Promiseawait等待Promise解决最佳实践简单异步操作可直接使用Promise复杂异步流程推荐async/await并行无依赖任务使用Promise.all始终处理错误（.catch或try/catch）注意事项避免在循环中错误使用await合理使用Promise缓存避免重复请求在Node.js中注意Promise的内存泄漏问题。
了解promise 其二：.then方法
ZhaoPZe的博客
03-06 527
为了更好的理解promise 参考材料手写promise。手写promise一共两个核心东西。1：promise构造器。
vue的.then()方法
m0_67402588的博客
03-06 3386
vue的.then()方法 主要用于一个函数要用到另一个函数返回的值， type()函数要用到loadOne()返回的函数。data为loadOne()返回的数据
vue中的.then()与.catch()
热门推荐
MyHappinessIsU的博客
09-20 2万+
catch中获取到的值是请求失败或者代码问题造成的错误，而因代码造成的错误在.then()中获取不到，因此我们常用catch我们偶尔会遇到一些问题：明明请求成功了，逻辑却进入catch中了，这时说明在then中的处理逻辑可能出现了错误，并不是请求失败才会进入catch。
axios的.then什么意思
10-15
Axios 是一个基于 Promise 的 HTTP 库，用于浏览器和 Node.js 环境中。`.then()` 是 Promise 对象的一个方法，用于链式调用，当原Promise（如 Axios 发送请求的 Promise）解析（resolve）成功时，会执行 `.then()` 中的回调函数，并返回一个新的 Promise，你可以继续对这个新 Promise 进行操作，比如获取数据、处理数据等。 当你使用 `axios.get(url)` 或者 `axios.post(url, data)` 这样的 API 发起一个异步请求时，实际上是在返回一个 Promise。`.then()` 方法可以绑定在该 Promise 上，当服务器响应成功（HTTP状态码200-299），`.then()` 里的第一个函数会被调用并接收两个参数：响应的数据（如果数据可用）和响应头对象。你可以在这里处理服务器返回的 JSON 数据，然后根据需要进行下一步操作，比如更新UI。 例如： ```javascript axios.get('/api/data') .then(response => { console.log(response.data); // 成功时处理返回的数据 return response.data; }) .catch(error => { console.error(error); // 处理错误情况 }); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值