标签： async

Promise + Async&Await + Array.reduce + 函数递归 解决网络/接口请求的依次/排队不间断间隔访问

Leave a comment

背景

试想在一个需要频繁更新数据的场景（例如：监控、图表类），常规方法是设置一个间隔 N 秒的定时器 setInterval；但是这种方式存在一个问题，当前一个请求时间过长时（超过了间隔时间），后一个请求的接口响应会先于前一个请求，也就是说，将导致旧的数据渲染会覆盖新的数据渲染。

“Promise + Async&Await + Array.reduce + 函数递归 解决网络/接口请求的依次/排队不间断间隔访问”继续阅读

讲讲 Promise/实战

2 Comments

一、什么是 Promise

1.1 Promise 的前世今生

Promise 最早出现在 1988 年，由 Barbara Liskov、Liuba Shrira 首创（论文：Promises: Linguistic Support for Efficient Asynchronous Procedure Calls in Distributed Systems）。并且在语言 MultiLisp 和 Concurrent Prolog 中已经有了类似的实现。

JavaScript 中，Promise 的流行是得益于 jQuery 的方法 jQuery.Deferred()，其他也有一些更精简独立的 Promise 库，例如：Q、When、Bluebird。

// Q / 2010
import Q from 'q'

function wantOdd () {
    const defer = Q.defer()
    const num = Math.floor(Math.random() * 10)
    if (num % 2) {
        defer.resolve(num)
    } else {
        defer.reject(num)
    }
    return defer.promise
}

wantOdd()
    .then(num => {
        log(`Success: ${num} is odd.`) // Success: 7 is odd.
    })
    .catch(num => {
        log(`Fail: ${num} is not odd.`)
    })

由于 jQuery 并没有严格按照规范来制定接口，促使了官方对 Promise 的实现标准进行了一系列重要的澄清，该实现规范被命名为 Promise/A+。后来 ES6（也叫 ES2015，2015 年 6 月正式发布）也在 Promise/A+ 的标准上官方实现了一个 Promise 接口。

new Promise( function(resolve, reject) {...} /* 执行器 */  );

想要实现一个 Promise，必须要遵循如下规则：

  1. Promise 是一个提供符合标准的 then() 方法的对象。
  2. 初始状态是 pending，能够转换成 fulfilled 或 rejected 状态。
  3. 一旦 fulfilled 或 rejected 状态确定，再也不能转换成其他状态。
  4. 一旦状态确定，必须要返回一个值，并且这个值是不可修改的。

“讲讲 Promise/实战”继续阅读

jQuery AJAX 同步和异步的区别

Leave a comment 
function paginationGo(page){
    sendata = {"page":page};
    $.ajax({
        type:"POST",
        url:"newqc1.asp",
        async:true,
        timeout:10000,
        data:sendata,
        success:function(data){
            //alert(data+"aa");
            $("#qc01").html(data);
        },
        error:function(data){
            alert("连接服务器失败!");
        }
    });
}

当异步关了的时候（同步），即 async: false，传输数据的时候页面会假死，即不可进行其他操作。