读书笔记-你不知道的JS中-promise(2)

继续填坑

模式

  考虑下面的代码:

    function fn(x) {
        //do something
        return new Promise(function(resolve, reject) {
            //调用resolve(..)和reject(...)
        });
    }
    var p = fn(2);

  new Promise(..)模式通常称为revealing constructor。传入函数会立即执行(不会像then(..)中的回调一样异步延迟),它有两个参数,分别为resolve和reject。这些是promise的决议函数。resolve通常标识完成,reject标识拒绝。

鸭子类型

  如何判断一个对象是不是一个Promise?虽然promise是通过new Promise(..)创建的,但是无法通过instanceof Promise来检测,最主要的原因是promise可能来自其他的窗口,检查无法识别这样的Promise实例。

  识别Promise的方法被定义为是否具有then方法。也就是说,任何对象和函数,如果有then(包括原型链上)方法,就认为是一个Promise对象。

  逻辑大概如下:

    if (
        p !== null &&
        (typeof p === ‘object‘ || typeof p === ‘function‘) &&
        typeof p.then === ‘function‘
    ) {
        //这是一个promise对象
    }

Promise特点

  1、对一个Promise调用then时,提供的回调永远会被异步调用。

  2、只要promise被决议,提供给then的回调会被自动调用,永远返回一个值。

promise与竞态

  虽然说一旦promise被决议,后续then方法的回调一定会被调用,但是决议本身未被执行,只能通过别的机制来强制执行:

    //必须返回一个promise
    function delay(time) {
        return new Promise(function(resolve, reject) {
            setTimeout(function() {
                reject(‘time out‘);
            }, time);
        });
    }
    //3秒内未决议就会被reject
    Promise.race(p, delay(3000)).then(function() {
        //success
    }, function(err) {
        //failed
    })

  

Promise异常

  考虑下面的代码:

    var p = new Promise(function(resolve, reject) {
        //异常
        fo();
    })
    p.then(function(data) {
        console.log(data);
    }, function() {
        //这个reject接受了异常 并又搞出了一个异常
        foo();
    }).then(function() {

    }, function() {
        //这个reject处理了最后的异常
        console.log(1);
    });

  可以看出,每一个then方法会返回一个promise,并且一旦决议就不会改变,异常会转接到下一个then的reject。

Promise的回调

  看起来promise也是利用回调函数完成异步操作,但是有一些不同。

关于Promise.resolve(..)

  如果向Promise.resolve(..)传递一个非Promise、非thenable(即有then方法的对象或函数)的立即值,就会得到一个用这个值填空的promise,相当于包装。

  下面两种情况,p1和p2的行为是一样的:

    var p1 = new Promise(function(resolve, reject) {
        resolve(42);
    });
    var p2 = Promise.resolve(42);
    console.log(p2); //Promise {[[PromiseStatus]]: "resolved", [[PromiseValue]]: 42}

  而如果向Promise.resolve(..)传递一个真正的Promise,就只会返回同一个promise。

    var p1 = Promise.resolve(42);
    var p2 = Promise.resolve(p1);
    console.log(p1 === p2); //true

  如果向Promise.resolve(..)传递了一个非Promise的thenable值,前者会试图展开这个值,而且展开过程会持续到提取出一个具体的非类Promise的最终值。

  比如说:

    var p = {
        then: function(resolve, reject) {
            resolve(42);
            // reject(‘123‘);
        }
    };
    p.then(function resolve(val) {
        console.log(val);
    }, function reject(err) {
        console.log(err);
    });
    Promise.resolve(p); //打印42 得到一个Promise

  Promise.resolve(..)可以接受任何thenable,将其解封为非thenable的值。从Promise.resolve(..)得到的肯定是一个Promise,是一个可信任的值。

  将一个未知工具封装Promise并解析,可以这样:

    Promise.resolve(‘tool‘).then(function(val) {
        console.log(val);
    });

  这样,可以将所有未知封装为Promise,保证异步调用。

链式调用

  可以把多个Promise连接到一起以表示一系列异步步骤:

  1、每次调用then(..),它都会创建并返回一个新的Promise,我们可以将其链接起来。

  2、不管从then(..)调用的完成回调返回的值是什么,都会被设置为被链接Promise。

  不太懂啊:

    var p = Promise.resolve(2);
    var p2 = p.then(function(v) {
        console.log(v); //2
        return v * 2;
    });
    p2.then(function(v) {
        console.log(v); //4
    });

  通过Promise.resolve对2进行封装,调用第一个then方法得到数据2。接着返回一个包含4的Promise封装对象,由调用then方法获取到4。

  只要通过return和then方法,就能实现Promise链式调用。

Ajax案例

  链式调用可以与ajax完美结合,如下例:

    //假设存在方法ajax(url,callback)
    function request(url) {
        return new Promise(function(resolve, reject) {
            //ajax的回调函数是promise的resolve()函数
            ajax(url, resolve);
        });
    }
    //异步请求返回数据data
    request(‘http://...‘).then(function(data) {
        //将返回的数据拼接到第二个url作为参数再次请求
        return request(‘http://...?data=‘ + data);
    }).then(function(data2) {
        //得到最终数据
        console.log(data2);
    });

  如果then方法参数未提供resolve或者reject,会有一个默认的函数生成,如下例:

    Promise.resolve(2).then(
        //function(v){
        //    return v;
        //}
        null,
        function() {
            console.log(1);
        }).then(function(v) {
            console.log(v); //2
        },
        //默认错误处理函数
        //function(err) {
        // throw err;
        //}
    );

  

  小结:1、调用Promise.resolve(..)与then(..)总会返回一个Promise。

     2、决议后返回的值可以通过链式调用解决掉。

  

时间: 2024-10-10 12:54:49

读书笔记-你不知道的JS中-promise(2)的相关文章

读书笔记-你不知道的JS上-对象

好想要对象··· 函数的调用位置不同会造成this绑定对象不同.但是对象到底是什么,为什么要绑定他们呢?(可以可以,我也不太懂) 语法 对象声明有两个形式: 1.字面量 => var obj = { ... }; 2.构造形式 => var obj = new Object(); 两种形式生成的对象是一样的,唯一的区别是,在文字声明中可以添加多个键值对,构造形式只能逐个添加. 类型 JS中有六种主要类型:string.number.booleam.null.undefined.object.

读书笔记-你不知道的JS上-闭包与模块

闭包定义 当函数可以记住并访问所在的词法作用域时,就产生了闭包,即使函数是在当前词法作用域之外执行. 看一段最简单的闭包代码: function foo() { var a = 2; //闭包 function bar() { console.log(a); } return bar; } //理论上 foo执行完内部数据会被销毁 //由于闭包的作用 作用域一直保持 var baz = foo(); baz(); //2 bar()函数可以访问foo()的作用域,通过foo()执行后,返回bar

笔记-Node.js中的核心API之HTTP

最近正在学习Node,在图书馆借了基本关于Node的书,同时在网上查阅资料,颇有收获,但是整体感觉对Node的理解还是停留在一个很模棱两可的状态.比如Node中的模块,平时练习就接触到那么几个,其他的一些模块暂时只会在学习的时候接触到,不常用便就荒废了.正所谓好记心不如烂笔头,多做笔记还是更有利于理解和记忆.自己做的总结也方便回头复习,所以决定踏上漫长的修炼之旅-- Node提供了许多API,其中一些比较重要.这些核心的API是所有Node应用的支柱,你会不停的用到他们. HTTP服务器 Nod

【JS学习笔记】js中关于传地址的问题

我觉得初学者应该会遇到很多这样的问题 条件1.不想定义全局变量的时候 条件2.定义了外围变量却又要引用并且修改其中内容的时候 以下转一篇文章 -------------------------------------------------------------------------------------------------------------------------------------------------------- 很多人,包括我,受书本知识消化不彻底的影响,认为 J

《SQL Server企业级平台管理实践》读书笔记——SQL Server中收缩数据库不好用的原因

原文:<SQL Server企业级平台管理实践>读书笔记--SQL Server中收缩数据库不好用的原因 数据库管理员有时候需要控制文件的大小,可能选择收缩文件,或者把某些数据文件情况以便从数据库里删除. 这时候我们就要使用到DBCC SHRINKFILE命令,此命令的脚本为: DBCC SHRINKFILE ( { file_name | file_id } { [ , EMPTYFILE ] | [ [ , target_size ] [ , { NOTRUNCATE | TRUNCATE

笔记-[6]-js中事件绑定方法的总结

js中的两种对象事件绑定方法: 1:常用的如:div.onclick=function(){...}; 2:通过系统方法绑定事件: 非IE:addEventListener('事件名[不加on]',function(){},false[或者true]) IE:attachEvent('事件名[加on]',function(){}); 通过系统方法绑定事件可以让对象可以绑定相同的事件并且执行不同的操作,如果使用第一种方法绑定多个相同的事件,最后一个事件会覆盖前面所有的事件. 在addEventLi

php学习笔记(JS中的常见方法)

JS中的常见方法: 1.日期时间函数(需要用变量调用): var b = new Date(); //获取当前时间 b.getTime() //获取时间戳 b.getFullYear() //获取年份 b.getMonth()+1; //获取月份 b.getDate() //获取天 b.getHours() //获取小时 b.getMinutes() //获取分钟 b.getSeconds() //获取秒数 b.getDay() //获取星期几 b.getMilliseconds() //获取毫

Angular JS中 Promise用法

一.Promise形象讲解A promise不是angular首创的,作为一种编程模式,它出现在1976年,比js还要古老得多.promise全称是 Futures and promises. 而在javascript世界中,一个广泛流行的库叫做Q 地址是https://github.com/kriskowal/q 而angular中的$q就是从它引入的.promise解决的是异步编程的问题,对于生活在同步编程世界中的程序员来说,它可能比较难于理解,这也构成了angular入门门槛之一,以下将用

《深入理解Java虚拟机:JVM高级属性与最佳实践》读书笔记(更新中)

第一章:走进Java 概述 Java技术体系 Java发展史 Java虚拟机发展史 1996年 JDK1.0,出现Sun Classic VM HotSpot VM, 它是 Sun JDK 和 OpenJDK 中所带的虚拟机,最初并不是Sun开发 Sun Mobile- Embedded VM/ Meta- Circular VM BEA JRockit/ IBM J9 VM JRockit曾号称世界上最快的java虚拟机,BEA公司发布.J9属于IBM主要扶持的虚拟机 Azul VM/ BEA