es6---promise

最新推荐文章于 2023-05-05 17:01:29 发布
最新推荐文章于 2023-05-05 17:01:29 发布
阅读量150 收藏
点赞数
分类专栏： es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_24044863/article/details/104086102
版权 
<!DOCTYPE html>
<!--
    promise--承诺

    同步：同时只能做一件事。代码简单。
    异步：操作之间没有关系，同时进行多个操作。操作之间不会影响。代码复杂。

    promise--清除异步操作
        *用同步的方式，书写异步代码
-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <!-- 异步例子 -->
    ajax('/heads', functon(heads_data) {
        ajax('/sides', functon(sides_data) {
            ajax('foots', function(foots_data){
                
            }, function() {
                alert('failure to read')
            })
        }, function() {
            alert("读取失败")
        })；
    }, function() {
        alert("读取失败")
    })；
    <!-- 使用了promise之后的异步 -->
    Promise.all([
            $.ajax({url: 'data.txt', dataType: 'json'}), 
            $.ajax()
        ]).then(results => {
        let [arr1, arr2] = results
        alert('success')
    }, resolve => {
        alert('fail')
    })
    <!-- 同步例子 -->
    let heads_data = ajax_async('/heads')
    let sides_data = ajax_async('/sides')
    let foots_data = ajax_async('/foots')

    <script src="jquery.js" charset="utf-8"></script>
    <script>
        // function CreatePromise(url) {
        //     return new promise(function(resolve, reject) {
        //         // 异步代码； resolve--成功： reject--失败
        //         $.ajax({
        //             // url: url,
        //             url,
        //             dataType: 'json',
        //             success(arr) {
        //                 resolve(arr)
        //             },
        //             error(err) {
        //                 reject(err)
        //             }
        //         })
        //     })
        // }
        let promises1 = new promise(function(resolve, reject) {
            // 异步代码； resolve--成功： reject--失败
            $.ajax({
                url: 'arr.txt',
                dataType: 'json',
                success(arr) {
                    resolve(arr)
                },
                error(err) {
                    reject(err)
                }
            })
        })
        let promises2 = new promise(function(resolve, reject) {
            $.ajax({
                url: 'json.txt',
                dataType: 'json',
                success(arr) {
                    resolve(arr)
                },
                error(err) {
                    reject(err)
                }
            })
        })
        Promise.all({
            // CreatePromise('arr.txt'), CreatePromise('json.txt'),
            promises1, promises2
        }).then(function(arr) {
            let [res1, res2] = arr  //解构赋值
            console.log(res1, res2)
            alert('success')
        }, function(err) {
            alert('error')
        })
        // promises.then(function() {
        //     alert('success')
        // }, function() {
        //     alert('fail')
        // })
        // Promise.race
    </script>

</body>
</html>
FWodong
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
es6-promise
04-02
es6-promise.auto.js ,可用于微信小程序开发，小程序里需要
es6---Promise
muzidigbig的博客
10-20 3607
Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理且更强大。它最早由社区提出并实现，ES6将其写进了语言标准，统一了用法，并原生提供了Promise对象。1、主要用于异步计算2、可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果3、可以在对象之间传递和操作promise，帮助我们处理队列。
ES6-Promise
weixin_60934893的博客
05-05 602
Promise是ES6引入的异步编程的新解决方案。语法上Promise是一个构造函数，用来封装异步操作并可以获取其成功或失败的结果。1) Promise构造函数方法方法代码解析：resolve ，reject参数是默认参数，可以改，但一般就按这两个参数走。resolve函数的作用是，将Promise对象的状态从“未完成”变为“成功”（即从 pending 变为 resolved），在异步操作成功时调用，并将异步操作的结果，作为参数传递出去；reject函数的作用是，将Promise。
ES6--Promise
m0_59359854的博客
07-19 305
它的作用是为Promise实例添加状态改变时的回调函数。then方法的第一个参数是resolved状态的回调函数，第二个参数是rejected状态的回调函数，参数可选。第一个回调函数是Promise对象的状态变为resolved时调用，第二个回调函数是Promise对象的状态变为rejected时调用。Promise.prototype.catch()方法是.then(null,rejection)或.then(undefined,rejection)的别名，用于指定发生错误时的回调函数。...
ES6---promise详解及用法
热门推荐
前端与计算机相关知识的分享，博主的qq523235674
01-29 2万+
一、什么是Promise Promise是ES6异步编程的一种解决方案(目前最先进的解决方案是async和await的搭配（ES8），但是它们是基于promise的)，从语法上讲，Promise是一个对象或者说是构造函数，用来封装异步操作并可以获取其成功或失败的结果。 二、为什么要使用promise 最重要也是最主要的一个场景就是ajax和axios请求。通俗来说，由于网速的不同，可能你得到返回值的时间也是不同的，但是我们下一步要执行的代码依赖于上一次请求返回值，这个时候我们就需要等待，结果出来了.
ES6------promise详解
weixin_40381947的博客
04-06 917
1.promise其实就是一个对象或者说是构造函数2.promise的出现（es6） 就是解决异步编程和回调地狱等问题，async和await的出现（ES8）就是基于promise的一种解决异步编程的终极解决方案（简化代码等等）3.在前端中，ajax和axios都会用到异步编程，axios更是基于promise的，所以一定要掌握promise以及用async和await搭配promise的使用。
es6-promise.auto.js
10-31
<!-- Automatically provides/replaces `Promise` if missing or broken. --> [removed][removed] ...-- Minified version of `es6-promise-auto` below. --> [removed][removed] [removed][removed]
es6-promise@4.1.1.zip
06-18
在 JavaScript 中，所有代码都是单线程的，也就是同步执行的。而 Promise 就为异步编程提供了一种解决方案。
es6-promise.js
09-10
一个轻量级库，提供用于组织异步代码ES6 Promis(subset of rsvp.js) , 在ES5中支持Promise
前端开源库-es6-promise-pool
08-29
前端开源库-es6-promise-poolES6 Promise池，在限制并发性的池中运行Promise。
type = ‘module‘ 使用模块化开发遇到的问题
qq_24044863的博客
03-12 7000
在使用模块化开发的时候，遇到跨域的问题。 代码为 <!-- 注意：在这里使用的是模块化开发，所以type要给值为module --> <script type="module" src="./js/index.js"></script> 出现的错误： 原因是： html使用type = ‘module’ 默认会产生跨域请求，本地打开的文件，file协议不支持 解决办法： vscode下载插件 live server 运行的时候选择 open with live se
es6中类型转换总结
qq_24044863的博客
12-20 4909
主要有以下三点： 转换成字符串 转换成数字 强制类型转换 一. 转换成字符串 1). 首先知道所用的是toString()方法。 针对Boolean值、数字和字符串这些伪对象，还是真对象，都有该方法。 2). 其次，该方法的使用。 除了number类型的使用时有点特殊外，别的未对象和真对象的使用一样，例如： var a1 = true; a1.toString(); //输出...
数组操作----合并数组 arr1 和数组 arr2。不要直接修改数组 arr，结果返回新的数组
qq_24044863的博客
12-05 3459
function concat(arr1, arr2) { //var a1 = arr1.slice(0) // Array.prototype.push.apply(a1, arr2) //return a1 //或者 // return a1.concat(arr2) // var a2 = arr1.concat(arr2) ...
vue从swagger接口请求数据，并提取属性值赋给对象
qq_24044863的博客
09-12 1952
.vue中的created()中定义：this.initOptions(); // 初始化后端返回的数据，作为select option 在methods中： initOptions () { this.$api.get('/role/list', { systemId: ['2'] }).then(res => { console.log(res) })...
字母组合---排列组合问题
qq_24044863的博客
04-07 1706
给定一个仅包含数字 2-9 的字符串，返回所有它能表示的字母组合。 给出数字到字母的映射如下（与电话按键相同）。注意 1 不对应任何字母。 示例: 输入：“23” 输出：[“ad”, “ae”, “af”, “bd”, “be”, “bf”, “cd”, “ce”, “cf”]. 说明: 尽管上面的答案是按字典序排列的，但是你可以任意选择答案输出的顺序。 /** * @param {stri...
数组操作----删除数组 arr 第一个元素。不要直接修改数组 arr，结果返回新的数组
qq_24044863的博客
12-05 1333
function curtail(arr) { //法1，用shift方法删除第一项 //var a1 = arr.slice(0) //或者 var a1 = [] Array.prototype.push.apply(a1,arr) //用push.apply()方法 a1.shift() return a1 ...
查询字符串中出现次数最多的字母，并返回次数
qq_24044863的博客
02-12 1001
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&lt...
数组操作--查找元素位置
qq_24044863的博客
12-19 978
在数组 arr 中，查找值与 item 相等的元素出现的所有位置 function findAllOccurrences(arr, target) { // var a1 = [] // arr.forEach((items,index,arr) => { // items === target ? a1.push(index) : 0 //或者 ...
立即拿到setState值
qq_24044863的博客
04-19 901
有这样的场景：在做react开发的时候，使用setState时，需要拿到最新的state的值，或者打印出最新的state，但是每次打印出来的是上一次的state，而不是最新的。 可以使用如下方法： // 封装一个公用方法：useSyncCallback.js import { useEffect, useState, useCallback } from 'react'; // 解决useState导致的只能拿到lastRenderedState问题 const useSyncCallback = cal
可以 使用es6-promise插件来弄吗
最新发布
05-24
是的，你可以使用es6-promise插件来实现Promises。es6-promise是一个符合Promises / A +规范的Promise库，它提供了一个兼容性较好的Promise实现，并且支持所有主流浏览器和Node.js环境。你只需要在你的项目中引入es6...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值