Promise

Magicsoftware

2020-03-08

Promise

promise的基本使用

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <script>
    new Promise((resolve,reject)=>{
      setTimeout(()=>{
        resolve("abc")
        reject("sssss")
      },1000)
    }).then(data=>{
      console.log(data);
      //第一次
      return new Promise((resolve,reject)=>{
        setTimeout(()=>{
         resolve("sss")
        },1000)
      }).then(data=>{
        console.log(data)
     //第二次
      return new Promise((resolve,reject)=>{
        setTimeout(() => {
          resolve("ccc")
        }, 1000);
      }).then(data=>{
        console.log(data)
      },err=>{
        console.log(err)
      })  
      })//简写err
    })
    // }).catch(error=>{
    //   console.error(error);
    // })
  </script>
</body>
</html>

promise的简写

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <script>
    new Promise((resolve,reject)=>{
      setTimeout(()=>{
        resolve("abc")
        reject("asdasd")
      },1000)
    }).then(data=>{
      console.log(data);
      //第一次
       return data+"a"//最简便                      // return Promise.resolve(data+"a")   第二简便
    }).then(data=>{
        console.log(data)
     //第二次
      return  Promise.resolve("aad")
      }).then(data=>{
        console.log(data)
      }).catch(err=>{
        console.log(err)
      })  
  </script>
</body>
</html>

all的使用

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <script>
    Promise.all([
    new Promise((resolve,reject)=>{
      setTimeout(()=>{
         resolve([{age:18,name:"wang"},‘result1‘])
      },1000)
    }),
     
    new Promise((resolve,reject)=>{
      setTimeout(() => {
        resolve({age:17,name:"wangxingyu"},"result2")
      }, 1000);
      })
    ]).then(results=>{
      console.log(results);
    })
  </script>
</body>
</html>

promise data return

Magicsoftware

0 关注 0 粉丝 0 动态

相关推荐

ES6 中Promise 使用

ES6中一个非常重要和好用的特性就是Promise. Promise是异步变成的一种解决方案。我们什么时候回处理异步事件呢？一种很常见的应用场景就是网络请求。我们封装一个网络请求的函数，因为不能立即拿到结果，所有不能直接显示结果返回。所以往往我们会传入另外

前端开发Kingcean 2020-07-30

es6 Promise 对象、.then()

// resolve // 状态改成fulfilled. },=>{ // 第二个回调成功reject

whynotgonow 2020-07-26

如何将Node.js中的回调转换为Promise

在几年前，回调是 JavaScript 中实现执行异步代码的唯一方法。回调本身几乎没有什么问题，最值得注意的是“回调地狱”。在 ES6 中引入了 Promise 作为这些问题的解决方案。最后通过引入 async/await 关键字来提供更好的体验并提高了可

nmgxzm00 12评论 2020-11-10

把 Node.js 中的回调转换为 Promise

在几年前，回调是 JavaScript 中实现执行异步代码的唯一方法。回调本身几乎没有什么问题，最值得注意的是“回调地狱”。在 ES6 中引入了 Promise 作为这些问题的解决方案。最后通过引入 async/await 关键字来提供更好的体验并提高了可

xixixi 12评论 2020-11-11

处理异步事件的三种方式

在网站开发中，异步事件是项目必然需要处理的一个环节，也因为前端框架的兴起，通过框架实现的 SPA 已经是快速建构网站的标配了，一部获取数据也就成了不可或缺的一环;本文来就讲一讲 JavaScript 中异步的处理方式。首先当然要先理解一下同步及异步分别是

88254251 2020-11-01

手把手教你实现 Promise的使用方法

很多 JavaScript 的初学者都曾感受过被回调地狱支配的恐惧，直至掌握了 Promise 语法才算解脱。虽然很多语言都早已内置了 Promise ，但是 JavaScript 中真正将其发扬光大的还是 jQuery 1.5 对 $.ajax 的重构，

MarukoMa 2020-09-02

关于 JavaScript 错误处理的最完整指南(下半部)

因为使用了 Promise ，所以可以使用 then 来接收返回的内容，或者用 catch 来捕获出现的错误。除了 then 和 catch , Promise 中还有 finally 方法，这类似于try/catch 中的 finally。如果我们失败了

88234852 2020-09-15

V8 8.5 带来的三个实用新特性！

Promise.anyPromise 新增了一个 any 方法，它接收一个 Promise 数组，当数组中某一个 Promise 为 fulfilled 后，它返回的 Promise 就会被返回。如果所有输入的 Promise 都被拒绝，那么 Promi

陈旭阳 2020-08-31

改写promise并添加超时处理

我们都知道Promise.all()方法在有一个Promise reject以后，请求结果只返回第一个reject，我们进行了改写，在有请求reject时也可以获取所有结果，并给每个请求添加超时处理。const promiseTimeout = new P

whynotgonow 2020-08-19

带你写出符合Promise/A+ 规范Promise的源码

Promise是前端面试中的高频问题，如果你能根据PromiseA+的规范，写出符合规范的源码，那么我想，对于面试中的Promise相关的问题，都能够给出比较完美的答案。我的建议是，对照规范多写几次实现，也许第一遍的时候，是改了多次，才能通过测试，那么需要

whynotgonow 2020-07-29

前端客栈 - Promise书生（一）

“前端客栈？想必前方就是宁安城了，此地为宁安城的郊区，”书生忖道，“时间不早了，今日不如在此停顿休整一日。”进得店里，书生吩咐店小二将马匹安排妥当。店小二靠墙边站着，大概其他客人下来得早。书生找了靠角落的位置坐下，店小二随即跟来，递上食单。不到一刻钟，店小

bowean 2020-07-08

ES6 promise的应用

function moveTo{ //四个参数分别为移动的元素、移动到对应的横纵坐标点，以及要移动完之后要调用的回调函数。el.style.transform = `translate`; //产生位移。.then(function(){ //then

前端开发Kingcean 2020-07-08

回调与Promise

Promise 对象就是用于表示一个异步操作的最终状态。它的流程就是在什么状态下需要执行什么样的操作。then是Promise对象上的一个方法，它最多需要有两个参数：表示异步操作执行后的回调函数。// // cb && cb()这

88520191 2020-07-05

promise 练习

宏队列和微队列；微队列先于宏队列执行。resolve() //resolve()函数执行了才会触发then里面的回调函数，不执行resolve()then回调函数不会执行的。const first = () => new Promise((resol

前端开发Kingcean 2020-06-27

Shell

stringify。const Promise = require('bluebird'),fs = require('fs'),path = require('path');fs.readFileAsync(path.join(__dirname, 's

88481456 2020-06-18

ES6 promise对象

Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束

whynotgonow 2020-06-16

每天前端学习关于Promise和Symbol

若要等待多个结果回来，再进行返回，则可以使用 Promise.all. console.log //[‘成功了‘, ‘success‘]. ES6新增一个数据类型 Symbol ,但不支持 new Symbol，可以返回唯一值

88520191 2020-06-13

使用Promise并发限制

Promise.all可以保证，promises数组中所有promise对象都达到resolve状态，才执行then回调。那么会出现的情况是，你在瞬间发出几十万http请求，或者堆积了无数调用栈导致内存溢出.这个时候需要我们对HTTP的连接数做限制。con

88520191 2020-06-13

ES6 Promise 先拉出来遛遛

去年6月份， ES2015正式发布，其中Promise被列为正式规范。作为ES6中最重要的特性之一，我们有必要掌握并理解透彻。本文将由浅到深，讲解Promise的基本概念与使用方法。复杂的概念先不讲，我们先简单粗暴地把Promise用一下，有个直观感受。这

89500297 2020-06-13

nodejs 几个不错的callback 以及promise 转换处理工具

nodejs 的一步调用经历了，callback -> promise -> async await（语法糖）模式的转变

前端开发Kingcean 2020-06-11

Magicsoftware

W3CSchool教程: HTML 教程; CSS 教程; Bootstrap 教程; Javascript 教程; jQuery 教程

后端教程: C 教程; Java 教程; PHP 教程; Python 教程; Go 教程

移动开发: Android 教程; Swift 教程; Kotlin 教程; jQuery Mobile 教程; ionic 教程

关于我们: 新闻动态; 联系方式; 招聘英才; 安科实验室; 帮助与反馈

安科网(Ancii)，中国第一极客网

Copyright © 2013 - 2019 Ancii.com

京ICP备18063983号京公网安备11010802014868号