1.创建 Promise:就像在厨房里准备材料,首先你得用 new Promise((resolve, reject) => {}) 来创建一个新的 Promise。就像拿出一个干净的锅,准备好开始烹饪。2.异步操作:在 Promise 的内部,你可以开始你的“烹饪”。无论是从服务器拉取数据还是等待用户的操作,都可以在这里搞定。这就像在锅里放入各种食材...
//创建一个 Promiseconst myPromise =newPromise((resolve, reject) =>{//异步操作setTimeout(() =>{ const success=true;//模拟异步操作结果if(success) { resolve('操作成功');//操作成功,调用 resolve}else{ reject('操作失败');//操作失败,调用 reject} },2000); });//使用 PromisemyPromise .the...
Promise函数,我称之为承诺函数,根据承诺实现的结果,程序进入不同分支,承诺的实现用两个函数表示:resolve解决函数 和 reject拒绝函数。 承诺函数的书写格式: 花括号 {} 在方法中被称为函数体,在函数体内应该用逻辑判断将不同结果进行分支,因为本人初学者的技术水平就不写了(写不出),简单来讲,如果承诺函数中 只有r...
Promise的实例是一个异步操作,函数内部拿到操作结果后,无法使用return把操作结果返回给调用者 ,这个时候只能使用 回调函数的形式,把成功或失败的结果,返回给调用者。具体通过then方法resolve函数和reject函数实现。 Promise的优势在于,可以在then方法中继续写Promise对象并返回,然后继续调用then来进行回调操作。 3.1 resolve回...
// 5. 既然 Promise 创建的实例,是一个异步操作,那么,这个 异步操作的结果,只能有两种状态: // 5.1 状态1: 异步执行成功了,需要在内部调用 成功的回调函数 resolve 把结果返回给调用者; // 5.2 状态2: 异步执行失败了,需要在内部调用 失败的回调函数 reject 把结果返回给调用者; ...
getData1() { return new Promise((resolve, reject) => { request1(requestParams).then((res) => {//接口1 xxx resolve(res); }).catch(e =>{ reject(e) }) }); }, getData2() { return new Promise((resolve, reject) => { request2(requestParams).then((res) => {//接口2 xxx reso...
创建一个showPasswordDialog函数,该函数返回一个Promise,resolve的值就是我们弹窗中输入的表单。 调用createApp函数将步骤一的弹窗组件作为第一个参数传入,并且第二个对象参数中传入属性visible为true打开弹窗和注入弹窗close关闭和confirm确认的回调。 使用者只需await调用showPasswordDialog就可以打开弹窗和拿到表单中填入的...
下面是关于Vue3 Promise的一些用法和示例。 1. 创建Promise实例 在Vue3中,你可以使用new Promise()构造函数来创建一个Promise实例。该构造函数接受一个带有两个参数的回调函数作为参数。回调函数包含两个参数resolve和reject,分别用于成功和失败时执行的操作。 ```javascript const myPromise = new Promise((resolve,...
await会暂停async函数的执行,直到Promise被resolve或者reject。 再来看另一个场景,比如我们有多个异步操作需要依次执行。假设有一个任务,先获取用户列表,然后根据用户列表中的某个用户ID去获取该用户的详细信息。 javascript. import { defineComponent } from 'vue'; import axios from 'axios'; export default ...
vue3 resolve 返回值undefined 一、在新建项目目录src下utils文件夹新建fetch.js文件,此文件统一处理所有http请求和响应。 直接上代码 import axios from 'axios' import qs from 'qs' import store from '@/store' import router from '@/router' import { getToken } from './auth'...