es6之promis

作者: ZhongQw | 来源:发表于2018-07-22 18:01 被阅读3次

"承诺"
同步:代码较为简单但是性能较差
异步:代码复杂但是性能较优
promis致力于解决了使用同步的写法完成了异步操作,使得代码简单性能优


基础

原生
<script>
function createPromis(url) {
    return new Promise(function (resolve, reject) {
        //resolve:成功
        //reject:失败·
        $.ajax({
            url,
            dataType: 'json',
            success(arr) {
                resolve(arr);
            },
            error(err) {
                reject(err);
            }
        })
    });
}
Promise.all([
   createPromis('jjj.txt'),
   createPromis('hello.txt')
]).then(function(arr){
    let [res1,res2] = arr;
    alert("全都成功了");
    alert(res1);
    alert(res2);
},function(err){
    alert("全都失败了"+err);
});
jquery
Promise.all([
   $.ajax({
        url: '',
}),$.ajax({
        url: '',
}),$.ajax({
        url: '',
}),
...
]).then(function(arr){
    let [res1,res2] = arr;
    alert("全都成功了");
    alert(res1);
    alert(res2);
},function(err){
    alert("全都失败了"+err);
});

其他方法

  • Promis.race“竞速”,和all方法基本一样,但是就是看谁访问的快,就优先访问谁

相关文章

  • es6之promis

    "承诺"同步:代码较为简单但是性能较差异步:代码复杂但是性能较优promis致力于解决了使用同步的写法完成了异步操...

  • JS运行机制

    JS异步任务分类: 1. setTimeout和setInterval2. DOM事件3. ES6中的Promis...

  • Generator

    基本用法 更详细用法看ES6 Generator 迭代器 co 即generator的执行器,实现依靠promis...

  • JS中的几种异步编程方式以及promise基本功能的实现

    参考文献 Javascript异步编程的4种方法阮一峰ES6教程---Promise 相关技术 Promis, c...

  • 暑假第三天打卡

    继续学习了关于webpack+react方面的知识 深入了解了es6的promis用法,并写了简书https://...

  • 一节课彻底弄懂promise、async、await(一)

    刚接触js的时候,对于es6的promise、async、await简直怕的要死,甚至有段时间非常害怕promis...

  • 一节课彻底弄懂promise、async、await

    刚接触js的时候,对于es6的promise、async、await简直怕的要死,甚至有段时间非常害怕promis...

  • 本周

    主要支持游戏上线及线上维护,了解拍摄平台需求 学习了egg.js基础工程基本学习完毕,ES5 ES6 Promis...

  • ES6 promise

    今天我说下我所理解的prosime,prosime是ES6的构造函数,里面有很多方法,我们之间打印一下promis...

  • ES6 多个后台服务同时请求

    项目中我们经常遇到一个功能界面需要请求多个接口的数据才能做渲染。如果顺序不对还会出现界面报错。ES6的Promis...

网友评论

    本文标题:es6之promis

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