promise 的基本用法

简介: promise 的基本用法
// resolve 既是函数也是参数, 它用于处理成功的; 在异步任务成功的时候, 去调用resolve
// reject 既是函数也是参数, 它用于处理失败的; 在异步任务失败的时候, 去调用reject
    //知识点1 例1--- 最基本的写法 Promise的基本语法哦
    const Aa = new Promise(function (resolve, reject) { //resolve和reject是参数也是方法
        if (true) {
            resolve("这是成功的数据哦")
        } else {
            reject("这是失败的数据")
        }
    });
    Aa.then(function (data) {
            // data是成功的数据,是上一步中resolve()方法处理的数据
            console.log(data); //若果成功,输出这这一句代码哦 输出“这是成功的数据哦”
        },
        function (err) {
            // err就是失败的数据 其实就是上一步使用 reject() 方法处理的数据
            console.log(err);
        }
    )


通过上面这个案例,我们可以知道的是


1==>Promise可以用来封装异步请求的哈~;


2==>通过resolve, reject可以返回异步请求的结果哈

相关文章
|
7月前
|
缓存 前端开发 JavaScript
整会promise这8个高级用法,再被问倒来喷我
整会promise这8个高级用法,再被问倒来喷我
整会promise这8个高级用法,再被问倒来喷我
|
前端开发
Promise的用法&原理&手写实现-2
Promise的用法&原理&手写实现-2
46 1
|
2月前
|
前端开发 JavaScript 开发者
深入理解JavaScript中的Promise:用法与最佳实践
【10月更文挑战第8天】深入理解JavaScript中的Promise:用法与最佳实践
104 0
|
7月前
|
前端开发 JavaScript
使用promise解决异步请求的用法
使用promise解决异步请求的用法
103 0
|
前端开发 JavaScript API
Promise的用法&原理&手写实现-1
Promise的用法&原理&手写实现-1
64 0
|
前端开发
promise ,async/await的基础用法
promise ,async/await的基础用法
|
前端开发 JavaScript API
【温故知新】5 个 Promise 要避免的常见用法~
本瓜一直觉得 Promise 就是咱 JS 人的浪漫,没错,Promise 天天见,但或许越熟悉越陌生,我们在一直用的过程中会形成一些定式,这导致难免会漏掉一些定式以外的要点;
|
前端开发
promise.all()的用法和相关面试题
promise.all()的用法和相关面试题
|
前端开发
promise的简单用法、使用、例子、另外处理方法
promise的简单用法、使用、例子、另外处理方法
127 0
|
JavaScript 前端开发
前端-vue基础75-promise用法
前端-vue基础75-promise用法
93 0
前端-vue基础75-promise用法