美文网首页
深入理解Promise

深入理解Promise

作者: _我和你一样 | 来源:发表于2017-12-17 17:00 被阅读0次

所有对外调用的异步节接口,都可以使用Promise,像文件读写,网络请求,数据库操作等,都可以使用Promise。

例子:爬去 cnnode 精华区 第一个帖子的个人信息

我们暂时不用axios,就用原生的request试一试

var request = require('request');

function readTopics() {
    request('https://cnodejs.org/api/v1/topics?page=1&tab=good&limit=1&mdrender=false'
    ,function (error, response, body) {

    if (error) {
        return ;
    }

    var list = JSON.parse(body).data;
    var name = list[0].author.loginname;
    readUserInfo(name);

    });
}

function readUserInfo(name) {
    request('https://cnodejs.org/api/v1/user/' + name,function(error, response, body) {
        var info = JSON.parse(body).data;
        console.log(info);
    })
}


readTopics();

有时候我们需要不断的在回调中做处理,不断的嵌套,而且中间也会遇到一些问题,比如request的参数怎么用,你可能需要看下文档,而不是像平常那样用两个参数就可以了。它的内容放在body里,而且是个字符串,而你有需要把字符串转换为object。这些点其实不是需要我们关注的点,如果把注意力都focus在这种事情上,是有些影响我们的开发效率的,而且照顾的点越多,就越会有出错的可能,使后续的维护变得麻烦。

而使用Promise就可以避免陷入回调的深渊,代码写的行云流水,易懂易维护。比如axios,这个网络请求就实现了Promise,现在很多第三方库都实现了Promise。

我们使用Promise的方式来实现一下上述的例子

var axios = require('axios');

function readFirstItem() {
  return  axios.get('https://cnodejs.org/api/v1/topics?page=1&tab=good&limit=1&mdrender=false')
    .then(readData)
    .then(result=>{
        return result.data[0].author.loginname;
    })
    // .then(readUserInfo)
    // .catch(console.log);
}

function readUserInfo(name) {
   return axios.get('https://cnodejs.org/api/v1/user/' + name)
    .then(readData)
}

function readData(response) {
    return response.data
}

readFirstItem().then(readUserInfo).then(console.log)

// 传来的参数,可以选择接也可以选择不接,比如res.end()
// 如果是一个普通的异步函数,那么把它转换成Promise就可以用了。

像这种链式的写法,是不是一眼就能看出来每一步做了什么,axios把网络请求的结果的都放在了response.data里面了。

then传入一个只有一个参数的回调函数,我们可以直接把函数名传入就可以执行了。每个Promise对象都有then和catch使他们可以链式调用。返回一个Promise对象,不写后面的catch使这个函数变得非常纯,而catch让调用者去调用catch处理错误即可。整个流程非常清楚,

此外,Ramada是函数式编程的灵魂库,它实现了函数的curry化,让函数编程的更加灵活。

Promise和Ramada带来的生产效率是巨大的。

相关文章

  • Promise用法详解

    参考promise|深入理解 promise:promise的三种状态与链式调用 Promise对象只有三种状态 ...

  • async await Promise

    深入理解 async await Promise Promise.all() 问题:await 一个 async ...

  • JS异步处理系列一 ES6 Promise

    参考深入理解 Promise 五部曲 -- 1.异步问题深入理解 Promise 五部曲 -- 2.控制权转换问题...

  • 手写Promise

    手写 Promise 我们会通过手写一个符合 Promise/A+ 规范的 Promise 来深入理解它,并且手写...

  • Promise深入理解

    JS异步处理 众所周知,JS是一门单线程的语言,即每次只能处理一个任务。这样导致的结果就是在处理一些耗时比较长的任...

  • 深入理解Promise

    所有对外调用的异步节接口,都可以使用Promise,像文件读写,网络请求,数据库操作等,都可以使用Promise。...

  • 深入理解Promise

    目录: 1.概述 2.基本用法2.1 创建Promise2.2 then方法2.3 catch方法2.4 其他创建...

  • 深入理解Promise

    ES6提供的Promise对象是异步控制相较于回调的更好的一种方法。包括ES8提供的asyncFunction本质...

  • 深入理解Promise对象

    概念   所谓Promise简单来说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从...

  • ES6 中的 Promise(三)

    《深入理解ES6》阅读随笔 响应多个 Promise 在 Promise 中还有两个静态方法,可以用来控制响应多个...

网友评论

      本文标题:深入理解Promise

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