Promise 基础的使用

最新推荐文章于 2023-05-16 13:48:13 发布
最新推荐文章于 2023-05-16 13:48:13 发布
阅读量401 收藏 1
点赞数
分类专栏： js 文章标签： js javascript es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46019581/article/details/109300166
版权 
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
  <script>
   // 1.Promise 的回调
    new Promise((resolve, reject) => {
      setTimeout(() => {
        resolve();
      }, 1000);
    })
      .then(() => {
        console.log(1);
        return new Promise((resole, reject) => {
          setTimeout(() => {
            resole();
          }, 1000);
        });
      })
      .then(() => {
        console.log(2);
        return new Promise((resole, reject) => {
          setTimeout(() => {
            resole();
          }, 1000);
        });
      })

    //2.传递值在.then中接收
    new Promise((resolve, reject) => {
      setTimeout(() => {
        resolve("数据");
      }, 1000);
    }).then((data) => {
      console.log(data);
    });
    // 3. Promise的简写
    new Promise((resolve, reject) => {
      setTimeout(() => {
        resolve("数据1");
      }, 1000);
    })
      .then((data) => {
        console.log(data);
        return new Promise((resolve, rejece) => {   //完整写
      
          resolve("数据2");
        });
      })
      .then((data) => {
        console.log(data);
        return Promise.resolve("数据3"); //直接return Promise
        //return Promise.reject("错误"); //直接return reject
        //throw "错误";                 //直接抛出错误 reject
      })
      .then((data) => {
        console.log(data);
        return "数据4";                //直接return 数据
      })
      .then((data) => {
        console.log(data);
      })
      .catch((err) => {
        console.log(err);
      });

    /*4.Promise All 当里面的全部异步执行完成后，
    才会返回所有的值（数组形式），解决异步需要满足全部完成才能下一步的问题*/

    Promise.all([
      new Promise((resolve, reject) => {
        setTimeout(() => {
          resolve("all_1");
        }, 2000);
      }),
      new Promise((resolve, reject) => {
        setTimeout(() => {
          resolve("all_2");
        }, 1000);
      }),
    ]).then((all) => {
      console.log(all);
    });
  </script>
</html>
zj66jie
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js代码-Promise 基础使用
07-16
js代码-Promise 基础使用
Promise-Api:Promise基础使用
05-24
Promise基础使用 fs文件，数据库操作 Promise支持链式调用，解决回调地狱 Promise实例化需要接收一个函数，函数必须有两个形参resolve解决,reject拒绝,Promise包裹一个异步函数 两个形参都是函数类型的数据，成功...
【ES6】Promise
在热爱技术的路上一直前行。
04-26 2225
一、概述 Promise是ES6引入的异步编程的新解决方案。语法上Promise是一个构造函数，用来封装异步操作并可以获取其成功或失败的结果。 解读： （1）当在setTimeout中使用resolve（）方法的时候，会调用p.then方法中的第一个回调函数； （2） 当在setTimeout中使用reject（）方法的时候，会调用p.then方法中的第二个回调函数； 二、应用实例 1、使用Promise封装读取.md后缀的文件 2、使用Promise封装Ajax请求 ...
vue 函数（三）：Promise函数
w_t_y_y的博客
09-13 8642
一、介绍： 通过打印可以看出Promise是一个构造函数，有all、reject、resolve、then、catch等方法。这样用Promise new出来的对象肯定就有then、catch等方法。 二、用法： created() { var p = new Promise(function (resolve, reject) { //做一些异步操作 setTimeout(function () { console.log('Promise执行.
Promise
每天都要努力学习哦~~
11-14 5585
Promise是什么? Promise：承诺者模式，它是ES6新增的一个内置类，基于Promise可以有效管理“异步编程”，避免回调地狱 从语法上来说promise是一个构造函数 从功能上来说promise对象来封装一个异步操作,并可获取其成功/失败的结果值 什么是回调地狱? JQ中的ajax管理，是基于回调函数的方式管理的「请求成功后，会触发success回调函数执行，result就是本次请求获取的结果」；如果我们想实现ajax串行，需要把下一个请求发送，放在上一个请求成功的回调函数中处理，.
Promise初步详解（resolve,reject,catch）
arzu19740204的博客
01-07 5031
一:何为Promise？ 为了直观一点，首先我们采用console.dir(Promise)看一下它的结构组成。 从上面的图片中我们可以到，Promise其实是一个构造函数，它有resolve，reject，race等静态方法;它的原型（prototype）上有then，catch方法，因此只要作为Promise的实例，都可以共享并调用Promise.prototype上面的方法...
Promise的resolve()、reject() 和 catch()方法（四 完）
qq_43826085的博客
05-29 4082
Promise.resolve() 返回一个指定value的Promise对象，参数可以是一个Promise方法，也可以是一个值value
Promise基础入门
最新发布
06-12
Promise基础入门
promise的基础使用与理解
12-09
Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。
Promise-异步操作的一种解决方案
chonger_feifei的博客
03-07 1616
Promise-异步操作的一种解决方案
es6新增-Promise详解(异步编程的解决方案1)
m0_65912225的博客
08-02 997
Promise实例的状态 (!important) 1.每个Promise实例有三种状态，分别是 pending(进行中)，fulfilled(已成功)，rejected(已失败) 创建时候的默认状态是pending，只有异步操作的结果，可以决定当前是哪一种状态，任何操作都无法改变这个状态。这也是Promise名字的由来。 2.一旦状态改变(确定)，就不会再变了，Promise对象的状态改变，只有两种可能： a.从pending变为fulfilled b.从penging变为rej......
使用Promise过程中resolve或reject后，后面代码还会执行，默认加return较妥
热门推荐
cell的博客
12-13 2万+
console.log(111) p() .then(result => { console.log(`p result:${result}`) }) .catch(err => { console.log(`p err :${err}`) }) p1() .th...
Promise(一)
qq_43534980的博客
08-18 115
1. Promise的基本用法： function foo() { return new Promise(function(resolve, reject){ setTimeout(function(){ // resolve(123); reject('error'); }, 100); }) } // foo() // .then(function(data){ //
es6——对promise静态方法的封装
chengzhangdewo的博客
09-29 83
functiongetPromise(url,method='get',data=null){ returnnewPromise((resolve,reject)=>{ $.ajax({ url:url, method:method, data:data, success(res){ resolve(res) ...
嵌套的promise执行顺序以及多个promise顺序执行
故里的博客
05-19 5825
嵌套的promise执行顺序以及多个promise顺序执行
ECMAScript 6 入门教程—async 函数
web前端开发
10-21 154
作者 | 阮一峰1、含义ES2017 标准引入了 async函数，使得异步操作变得更加方便。async 函数是什么？一句话，它就是 Generator 函数的语法糖。前文有一个 Gen...
promise实现原理解析
weixin_53156345的博客
05-16 428
Promise是一个类，可以翻译为承诺、期约当通过new创建Promise实例时，需要传入一个回调函数，我们称之为executor这个回调函数会被立刻执行，并传入两个回调参数resolvereject当调用resolve回调函数时，会执行 Promise 对象的then方法传入的回调当调用reject回调函数时，会执行 Promise 对象的catch方法传入的回调Promisepending：待定状态，执行了 executor 后，处于该状态fulfilled：兑现状态，调用resolve()
15-Promise
我的一篇的博客
05-15 681
异步编程问题 如何让异步程序按顺序执行？ 如何请求具有依赖关系的内容？ Promise : ES6提出的异步编程解决方案？ //检测机构 //resolve : 表示成功的状态 //reject : 表示失败的状态 new Promise((resolve,reject) => { if(处理异步程序){ resolve([参数]); }else{ reject([参数]);
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值