资讯专栏INFORMATION COLUMN

浅述Promise用法(一)

BakerJ / 909人阅读

摘要:概述是异步编程的一种解决方案,很好的解决了传统异步编程中的回调地狱问题。语法中阐述,有三种状态,分别是进行中已完成已失败。方法使用要使用方法我们首先要创建实例,也就是说我们要一个对象。

1. Promise概述

promise是异步编程的一种解决方案,很好的解决了传统异步编程中的回调地狱问题。同时我们可以把promise可以理解为一个容器,这个容器里面存放着一些未来才会结束的事件(通常都是一些异步操作)。

在es6语法中,Promise是一个构造函数,用来生成Promise实例。语法中阐述,Promise有三种状态,分别是Pending(进行中)、Resolved(已完成)、Rejected(已失败)。Promise的状态只有两种可能,1、Pending->Resolved

2、Pending->Rejected 。以上两种情况是互斥的,也就是说只要从Pending状态变成Resolved状态,这个状态就会凝固。就不会再从Pending状态变成Rejected状态

2. Promise构造函数解析

Promise构造函数接受一个函数作为参数,这个函数有两个参数,分别是resolve和reject。这两个参数是两个函数,由Javascript引擎提供,不用自己部署。

下面我们就举例说明,

var p = new Promise(function(resolve, reject){
    //开始异步操作
    setTimeout(function(){
        console.log("异步操作完成");
        /*
        if(true){
            resolve("异步操作成功调用我");
        }else{
            reject("异步操作失败调用我");
        }
        */
    }, 2000);
});
3. Promise方法解析

通过上图我们可以看到Promise本身有all、race、reject、resolve等方法,原型上面有then、catch等方法。

1)、then()方法使用

要使用then()方法我们首先要创建Promise实例,也就是说我们要new一个Promise对象。在我们实际的开发中都是把这个过程封装到一个函数中,在函数中返回一个Promise实例。如下实例,

function runAsync(){
    var p = new Promise(function(resolve, reject){
        //异步操作开始
        setTimeout(function(){
        console.log("异步操作完成");
        resolve("异步操作成功调用我");
        /*
        if(true){
            resolve("异步操作成功调用我");
        }else{
            reject("异步操作失败调用我");
        }
        */
        }, 2000);
    });
    return p;            
}
runAsync()

Promise实例生成以后,就可以用then方法分别指定Resolved状态和Reject状态的回调函数。如下,

runAsync().then(
function (data){
    console.log(data);
})

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/93534.html

相关文章

  • 浅述编写模块化的 JavaScript

    摘要:模块化,就是字面意思的模块化。比如模块化一个表单验证,模块化一个轮播图等。但是这样的编写还存在一个问题,对象中的函数或者属性对外部是可见的,并且是可修改的。 模块化,就是字面意思的模块化。比如模块化一个表单验证,模块化一个轮播图等。 在平常 JavaScript 代码的编写中,我们一般是保持着这样一个顺序。 1. 无脑式自然编写 function a() { alert(a) } ...

    mumumu 评论0 收藏0
  • 浅述APM采样与端到端

    摘要:主题大纲浅述采样与端到端何为何为端到端何为采样的做法与弊端嘉宾介绍高驰涛,官方开发组成员,作者,云智慧高级架构师。 极牛技术实践分享活动 极牛技术实践分享系列活动是极牛联合顶级VC、技术专家,为企业、技术人提供的一种系统的线上技术分享活动。 每期不同的技术主题,和行业专家深度探讨,专注解决技术实践难点,推动技术创新,每两周的周三20点正式开课。欢迎各个机构、企业、行业专家、技术人...

    seasonley 评论0 收藏0
  • ES6精解:promise用法

    前言 今天就简单总结一下promise的用法,在用promise之前,我们要先了解一下什么promise,这个东西是用来干什么的? 通俗易懂的讲,promise其实就是一个构造函数,是用来解决异步操作的,我们平时其实还是会用到挺多的,比如我们经常会嵌套一层层的函数 step1(function (value1) { step2(value1, function(value2){ s...

    enali 评论0 收藏0
  • Promise入门之基本用法

    摘要:入门之基本用法背景在我们使用异步函数比如进行编写代码,如果我们需要很多个请求不同的接口,而下一个接口需要依赖上一个接口的返回值,这样,我们的代码则需要在各种回调函数中嵌套,这样一层一层地下去,就形成了回调地狱。 Promise入门之基本用法 背景 在我们使用异步函数比如ajax进行编写代码,如果我们需要很多个ajax请求不同的接口,而下一个接口需要依赖上一个接口的返回值,这样,我们的代...

    siberiawolf 评论0 收藏0
  • 道题引申出的事件循环、letvar用法、iife、块级作用域

    摘要:和块级作用域实际上为新增了块级作用域。这表示外层代码块不受内层代码块的影响。块级作用域的出现,实际上使得获得广泛应用的立即执行函数表达式不再必要了。其他骚气方法参考阮老师并发模型与事件循环 没有错,这道题就是: for (var i = 0; i< 10; i++){ setTimeout(() => { console.log(i); }, 1000...

    animabear 评论0 收藏0

发表评论

0条评论

BakerJ

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<