then()和subscribe()

最新推荐文章于 2024-04-18 13:07:31 发布
最新推荐文章于 2024-04-18 13:07:31 发布
阅读量4.6k 收藏 3
点赞数
分类专栏： angular
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ly1006612372/article/details/99293466
版权

在这里插入图片描述

then() 只有在Promise对象中才有。

then()方法是异步执行。

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

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

参数

必需。（promise）
Promise 对象。

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

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

在这里插入图片描述
subscribe()是用来观察（得到）请求的结果
可以在方法体里面写一些判断

怀橘
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
2022-03-09 Promise的构造函数是同步还是异步的?then()方法是同步还是异步的?
GAARA
03-09 911
Promise 构造函数时同步执行的，then 方法是异步执行的
subscribe:订阅所有的东西
06-21
在IT行业中，"subscribe"这个词经常出现在编程和网络服务的上下文中，特别是在JavaScript的世界里。JavaScript是一种广泛应用于网页和服务器开发的脚本语言，它的功能强大且灵活性高，支持多种编程模式，包括事件...
then
jczhang294的博客
05-06 3412
then()方法是异步执行。意思是：就是当.then()前的方法执行完后再执行then()内部的程序，这样就避免了，数据没获取到等的问题。语法：promise.then(onCompleted, onRejected);参数promise必需。Promise 对象。onCompleted必需。承诺成功完成时要运行的履行处理程序函数。onRejected可选。承诺被拒绝时要运行的错误处理程序函数。...
【Vue3】$subscribe订阅与反应
最新发布
null18的博客
04-18 796
订阅是Vue3中非常重要的概念，它实现了数据的响应式更新，是实现MVVM模式的关键。合理地使用订阅可以提高代码的可维护性和可读性，帮助开发者更好地管理数据与视图的关系挑战与创造都是很痛苦的，但是很充实。
then 方法
qq_44888570的博客
02-26 7273
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函数的返回.
vue中的then方法
欢迎大家一起攻克bug
09-05 3138
方法处理异步操作并不局限于 HTTP 请求，它也可以用于处理其他返回 Promise 的异步操作，比如使用。方法通常用于处理异步操作的返回结果，例如 Promise 或者是通过 Vue 的。方法被调用来处理 HTTP 请求的返回结果。希望以上信息对您有帮助。如果有任何疑问，请随时提出。方法中编写自己的逻辑来处理该数据。对象，其中包含了返回的数据。方法可用于捕获请求过程中发生的错误。需要注意的是，在 Vue 中，使用。库发送的 HTTP 请求。
SQL之case when then用法
weixin_30355437的博客
10-04 73
--简单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...
Vuex和前端缓存的整合策略详解
08-30
store.subscribe(({ type, payload }) => { const cacheKey = type.split('-')[2] if (cacheKey) { Cache.save(cacheKey, payload) } }) ``` 接下来，我们要解决如何从缓存中获取数据以避免不必要的网络请求。...
vue发送websocket请求和http post请求的实例代码
10-16
`.then`和`.catch`分别用于处理成功的响应和错误情况。 总结起来，Vue中实现WebSocket请求和HTTP POST请求可以通过引入相应的库，然后在组件的方法中编写逻辑来实现。WebSocket适用于实时通信，HTTP POST则常用于...
PushNotification:使用 Node、js、Webscokets 和 MongoDB 推送通知
06-04
if (data.type === 'subscribe') { // 存储用户订阅信息 } else if (data.type === 'unsubscribe') { // 取消用户订阅 } }); // 发送通知 function sendNotification(notification) { User.find().then(users...
ionic QRScanner扫描插件优化版(可扫条码和连扫)
05-18
.then((status: QRScannerStatus) => { if (status.authorized) { // 扫描器已授权，可以开始扫描 this.startScan(); } else if (status.denied) { // 用户拒绝了访问摄像头 console.warn('用户拒绝了访问...
基于JavaScript基础的异步、同步操作，promise、.then()
m0_73991249的博客
02-15 2127
一时没明白这个.then()函数是啥意思，查了网上才知道是一个叫promise的对象的函数，那问题是promise对象又是啥？接着查才知道是跟异步操作有关的，那异步操作又是啥？下面就来分析接着代码从上往下走，每遇到一个函数【被调用了】，就丢到栈区给“临时工”执行，比如第一句的console.log('global begin')，此时就会丢到栈区执行，然后再【控制台】输出语句'global begin',现在这个函数执行完毕没用了，那就从栈区丢掉。
前端JavaScript基础训练系列一百七十二：then(..) 和 catch(..)
m0_68635815的博客
02-01 1373
每个 Promise 实例(不是 Promise API 命名空间)都有 then(…) 和 catch(…) 方法，通过 这两个方法可以为这个 Promise 注册完成和拒绝处理函数。Promise 决议之后，立即会调用 这两个处理函数之一，但不会两个都调用，而且总是异步调用。then(…) 接受一个或两个参数:第一个用于完成回调，第二个用于拒绝回调。如果两者中 的任何一个被省略或者作为非函数值传入的话，就会替换为相应的默认回调。
vue中的then方法和catch方法
coinisi_li的博客
10-10 6450
3、主要区别：如果在then的第一个函数里抛出了异常，后面的catch能捕获到，而then的第二个函数捕获不到。2、一般情况下,为了不报错,会在then()后面调用.catch()，相当于类似try{}catch(e){} ，可以理解为省略了try()意思是：就是当.then()前的方法执行完后再执行then()内部的程序，这样就避免了，数据没获取到等的问题。通常用在ajax请求后面。1、then()里写两个参数,第一个是成功时的回调方法,默认给这个方法传递了成功的数据,1、then()方法是异步执行。
vue的.then()方法
m0_67402588的博客
03-06 3284
vue的.then()方法 主要用于一个函数要用到另一个函数返回的值， type()函数要用到loadOne()返回的函数。data为loadOne()返回的数据
vue中的.then()与.catch()
热门推荐
MyHappinessIsU的博客
09-20 2万+
catch中获取到的值是请求失败或者代码问题造成的错误，而因代码造成的错误在.then()中获取不到，因此我们常用catch我们偶尔会遇到一些问题：明明请求成功了，逻辑却进入catch中了，这时说明在then中的处理逻辑可能出现了错误，并不是请求失败才会进入catch。
$subscribe() 订阅状态及其变化
文摘资讯
08-13 2391
可以通过 store 的 $subscribe() 方法查看状态及其变化。类似于 Vuex 的 subscribe 方法，订阅 store 的 mutation。const unsubscribe = store.subscribe((mutation, state) => { console.log(mutation.type) console.log(m...
ES6——异步编程Promise全方位学习，从零到源码（.then()、.catch()、.finally()、Promise.all()）
cnailili的博客
02-05 2797
ES6——异步编程Promise学习（.then( )回调问题） 异步编程：开发中无论是在浏览器环境中还是在Node环境中，我们都会使用JavaScript我完成各种异步操作（定时器、事件、ajax、读取文件、事件等），伴随着异步编程就避免不了回调机制的产生；会产生很多问题； 异步编程问题：产生回调地狱，难于维护和扩展；try catch只能捕获同步代码中的异常；同步并发的异步会存在一定的问题； ...
前端面试题总结
游u的博客
12-01 812
1.闭包 怎么理解闭包 一、什么是闭包： ①要理解闭包，首先理解javascript特殊的变量作用域，变量的作用于无非就是两种：全局变量，局部变量。 ②javascript语言的特殊处就是函数内部可以读取外部作用域中的变量。 ③我们有时候需要得到函数内的局部变量，但是在正常情况下，这是不能读取到的，这时候就需要用到闭包。 在javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成“定义在一个函数内部的函数”。 闭包是指有权访问另一个函数作用域中的变量的函数。其本质是函数的作
调用了subscribe方法后如何收集数据并作为方法的返回结果返回给前端页面呢，能否提供完整的代码
06-13
收集数据并将其作为方法的返回结果返回给前端页面，通常需要使用异步编程技术。这里提供一个简单的示例代码，供参考： ```javascript // 后端代码 app.post('/subscribe', async (req, res) => { // 获取前端传递过来的数据 const { email } = req.body; // 将数据存储到数据库中 await db.collection('subscribers').insertOne({ email }); // 查询最新的订阅列表 const subscribers = await db.collection('subscribers').find().toArray(); // 返回最新的订阅列表 res.json({ subscribers }); }); // 前端代码 async function subscribe(email) { const response = await fetch('/subscribe', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ email }) }); const data = await response.json(); return data.subscribers; } // 在页面中调用 subscribe 方法 subscribe('test@example.com').then(subscribers => { console.log(subscribers); }); ``` 在上面的示例代码中，后端路由 `/subscribe` 接收 POST 请求，将请求体中的 `email` 参数存储到数据库中，然后查询最新的订阅列表并将其作为 JSON 响应返回给前端页面。前端代码中的 `subscribe` 方法使用了 `fetch` API 发送 POST 请求，并将响应中的 `subscribers` 字段作为方法的返回结果返回给调用方。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值