es6 --- > 异步迭代生成器 && Promise

看一个经典ajax回调的例子:

function foo(x, y, cb) {
    ajax(
        "http://some.url.1/?x=" + x + "&y=" + y,
        cb
    );
}

foo(11, 31, function(err, text) {
    if(err) {
        console.error(err);
    }
    else {
        console.log(text);
    }
});

// 异步请求some.url.1参数为x =11, y=31的数据.
// 请求 成功/失败 将数据打印到控制台

下面介绍一个异步迭代生成器…一开始可能会有点怪…但是它引用方便、有很大的扩展空间

// 我们想调用的时候(向调用同步函数那样)顺序调用.
// 它可能会报错,于是丢到try...catch块中
function *main(){  
    try{
        var text = yield foo(11, 31);
        console.log(text);
    }
    catch(err){
        console.error(err);
    }
}
// 下面定义foo函数
function foo(x, y) {
    ajax(
        "http://some.url.1/?x=" + x + "&y=" + y,
        function(err, data) {
            if(err) {
                it.throw(err);
            }
            else{
                it.next(data);
            }
        }
    );
}
// foo函数,请求数据,若出错,将信息抛出,若成功则调用next(data)

// 启动
var it = main();
it.next();

Promise实现上面的方法:

function foo(x, y) {
    return request(
        "http://some.url.1/?x=" + x + "&y=" + y
    );
}
foo(11, 31)
.then(
    function(text) {
        cosnole.log(text);
    },
    function(err) {
        console.error(err);
    }
);

把支持Promise的foo和生成器*main()放在一起:

function foo(x, y) {
    return request(
        "http://some.url.1/?x=" + x + "&y=" + y
    );
}

function *mian(){
    try{
        var text = yield foo(11, 31);
        console.log(text);
    }
    catch(err){
        console.err(err);
    }
}
// 调用
var it = main();

var p = it.next().value;

p.then(
    function(text) {
        it.next(text);
    },
    
    function(err){
        it.throw(err);
    }
);

参考《你不知道的JavaScript》(中卷)P250

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值