ECMAScript6中的promise用法

r囧r小猫 2022-01-15 01:53 239阅读 0赞

## promise用法 ##

<script>
        /**
         * promise对象
         * promise对象  代表着未来发生的事情  
         * 这个里面  我们主要在强调一下 异步的操作
         * 因为promise对象  一般都是异步的处理方式
         * aysnc   false  同步的  true  异步的
         * 同步  锁死的浏览器   其实并不是锁死的   只是浏览器陷入到一个阻塞的状态
         * 我们要是选择使用装填   一般都会使用异步的
         * promise可以将我们的异步操作  使用同步的方式表达出来
         * 避免层层嵌套   回调地狱
         * 在我们的es6中  promise其实是一个构造方法   返回值是一个promise对象
         * 
         * 作用  ：
         *      可以处理一些超时操作
         *      使用promise经常会处理一些个ajax操作
         * 
         * 三种状态 ： 
         *      初始化状态  pending
         *      成功状态  fullfilled
         *      失败状态  rejected
         * 
         */
        
    
        //  console.log(123);
        //  setTimeout(()=>console.log('hello'),1000);
        //  console.log(456)
        //创建一个promise对象的结构是什么
    
    
        // let promise = new Promise((resolve,reject)=>{
        //     //初始化的一些数据
    
        //     //判断执行状态
        //     if (执行成功)
        //     {
        //         resolve(value);
        //     }
        //     else
        //     {
        //         reject(value);
        //     }
        // });
    
        //以上的一系列操作完成了   那么对我们的程序会有什么影响呢
        //一点影响都没有   只是实例化了一个对象
        //如果说  我们使用的时候   如何使用
        //需要使用到promise对象中的then
        //then方法其实就是我们的执行过程
        // promise.then(function(){
    
        // }).then()
    
    
        let promise = new Promise((resolve,reject)=>{
            console.log('开始了');
    
            //主要是进行判断  判断如果成功  使用的resolve方法
            //如果要是失败了  使用的reject方法
            // setTimeout(()=>{
                // console.log('我才是主角');
                // resolve('我才是data，主角');
                // reject("我不行了");
            // },3000);
            let num = 2;
            if (num > 3)
            {
                resolve('num变量是大于三的，所以说判断为true，在then方法中会调用data');
            }
            else
            {
                reject('num变量是不大于三的，所以说判断为false，在then方法中会调用error')
            }
            
        });
    
    
        //在使用then方法的时候
        //如果说  在promise对象中  触发的resolve方法  那么在then方法中调用的是data
        //但是  如果说在promise对象中  触发的是reject方法  那么在then方法中调用的就是error
        promise.then((data)=>{
            console.log(data);
            console.log('OK');
        },(error)=>{
            console.log(error);
            console.log('失败了');
        });
    
    
        console.log("结束了");
    </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，239人围观）

还没有评论，来说两句吧...

相关阅读

相关 ECMAScript 6(ES6)

ES6 是什么？ ES6 是 [ECMAScript][] 6 的简称，它是JavaScript 语言的下一代标准，已于2015年6月正式发布。它的目标是使Javascr

朴灿烈づ我的快乐病毒、/ 2023年08月17日 15:23/ 0 赞/ 85 阅读

相关 promise 基本用法

<script type="text/javascript"> var p = new Promise(function(resolve, reject

- 日理万妓/ 2023年01月08日 04:24/ 0 赞/ 76 阅读

相关 vue的Promise.all用法

//一个函数有多个请求接口 fun(){ Promise.all([request1(),request2(),request3(),...]).t

╰半夏微凉°/ 2022年11月03日 04:13/ 0 赞/ 304 阅读

相关 ECMAScript6笔记：Promise对象

Promise的含义 Promise是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一

小鱼儿/ 2022年07月16日 13:23/ 0 赞/ 202 阅读

相关 ECMAScript6笔记：ECMAScript6简介

ECMAScript 6.0（简称ES6）是JavaScript语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得JavaScript语言可以用来编写复杂的大型

小灰灰/ 2022年07月15日 13:43/ 0 赞/ 231 阅读

相关 Promise的用法

一、理解Promise和回调的区别二、为什么会出现Promise 三、Promise的用法 Promise是一个构造函数，自己身上有all、reject、resolve

一时失言乱红尘/ 2022年05月23日 13:22/ 0 赞/ 123 阅读

相关 Promise基本用法

Promise就是一个异步执行的解决方案，将原本异步发生的事情转化成同步。 ▍示例想让funA先执行，funB后执行 ▍初始代码 funA: fu

电玩女神/ 2022年05月09日 00:56/ 0 赞/ 120 阅读

相关 ES6-----promise的详细用法

01.promise基本操作 <!-- Created by wangyang on 2019-05-22. itwangyang

约定不等于承诺〃/ 2022年01月28日 00:35/ 0 赞/ 292 阅读

相关 ECMAScript6中的promise用法

promise用法 <script> / promise对象 promise对象代表着未来发生的事情

r囧r小猫/ 2022年01月15日 01:53/ 0 赞/ 240 阅读

相关 ES6 Promise对象和then()的用法

Promise 对象概述是异步编程的一种解决方案。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。状态 Promise 异步操

你的名字/ 2021年06月24日 16:11/ 0 赞/ 416 阅读