美文网首页
promise基础用法

promise基础用法

作者: 回不去的那些时光 | 来源:发表于2018-12-10 14:35 被阅读5次

链式结构

1、基础结构

let p1 = Promise.resolve('a');

p1.then(res => {
  // doSomething...
}).catch(err > {
  // doSomething...
})

2、在then之后或者catch之后返回其他值

let a1 = Promise.resolve('我是成功的Promise');

a1.then(res => {
  return res + ',我又加了一段文字';
}).then(res => {
  console.log( res );  // 我是成功的Promise,我又加了一段文字
})

let a2 = Promise.reject('我是失败的Promise');
a2.catch(err => {
  throw new Error('我抛出了一个Error');
}).catch(err => {
  console.log(err);  // Error: 我抛出了一个Error
})

3、用来解决回调地狱

let promise = new Promise((resolve, reject) => {
        console.log(11111);
        resolve("a");
    });

promise.then(res => {
    console.log(res)
    return new Promise((resolve, reject) => {
        resolve("b");
    })
}).then(res => {
    console.log(res);
    return new Promise((resolve, reject) => {
        resolve("c");
    })
}).then(res => {
    console.log(res);
}).catch(err => {
    console.log(err);
})

相关文章

  • Promise

    基础用法 Promise.all() Promise.all方法用于将多个 Promise 实例,包装成一个新的 ...

  • Promise 基础用法

    Promise ,为什么会出现它,Promise 的出现,解决了哪些问题呢? 解决了回调地狱(嵌套)的问题,不会导...

  • Promise基础用法

    > 简述: ## 什么是Promise? -Promise是用来处理异步的; -Promise就是承诺,对未来的承...

  • promise基础用法

    链式结构 1、基础结构 2、在then之后或者catch之后返回其他值 3、用来解决回调地狱

  • promise新手常见问题

    导读 上周讲了promise用法,这周我们讲一下promise实战中可能出现得一些易错点,如果对promise基础...

  • Promise

    你会收获 为什么需要promise promise的基础用法 底层实现 最佳实践 未来发展 项目准备 注:下面说到...

  • promise详解

    Promise 用法api 1.基本用法 2.简便写法 Promise.all([]) Promise.race...

  • Promise的基础用法

    一、Promise的起因 当项目有需求时,需要封装一个方法,给一个要读取文件的路径,使用这个方法去读取文件并把内容...

  • Promise 对象

    Promise 的含义 基本用法 Promise.prototype.then() Promise.prototy...

  • 【中卷】你不知道的JavaScript(二)

    一、Promise 在promise的学习中 但是,除了基础用法,我们必须了解深层次的东西。 首先先来看第一点,也...

网友评论

      本文标题:promise基础用法

      本文链接:https://www.haomeiwen.com/subject/fairhqtx.html