首页 > 其他分享 >ES6-ES11 promise介绍与基本使用

ES6-ES11 promise介绍与基本使用

时间:2023-03-05 17:33:05浏览次数:46  
标签:function ES6 resolve 读取 promise Promise ES11 接收数据

原视频

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Promise基本语法</title>
</head>
<body>
    <script>
        //实例化 Promise 对象
        const p = new Promise(function(resolve, reject){
            setTimeout(function(){
                //
                // let data = '数据库中的用户数据';
                // resolve
                // resolve(data); 读取成功传输数据

                let err = '数据读取失败';
                reject(err);//读取失败传输数据
            }, 1000);
        });

        //调用 promise 对象的 then 方法
        p.then(function(value){//读取成功接收数据
            console.log(value);
        }, function(reason){//读取失败接收数据
            console.error(reason);
        })
    </script>
</body>
</html>

标签:function,ES6,resolve,读取,promise,Promise,ES11,接收数据
From: https://www.cnblogs.com/chuixulvcao/p/17180969.html

相关文章

  • js es6 判断数组对象中包含是否含有某个属性值
    if(data&&data.hasOwnProperty('Rows')){(data.Rows.Row||[]).map((row)=>{if(row.hasOwnProperty("Summary")){......
  • 10-11——ES6
    第十周ES6——1变量ES6ECMA规定了JS的标准,主要包括:语法、APIES6也是ES2015JavaScript=ECMAScript+DOM+BOMlet和const声明变量和常量;不知......
  • 12——Promise
    第十二周Promise初识PromisePromise异步操作的一种解决方案回调函数,异步操作的一种解决方案什么时候使用一般用来解决层层嵌套的回调函数,(回调地狱callbac......
  • 2.熟练运用es5、es6提供的语法规范(推荐)
    ECMAScript(核心)DOM(文档对象模型)BOM(浏览器对象模型) ES5增加特性1.strict模式  usestrict2.Array增加方法every、forEach、filter、indexOf、lastIndexOf、isArr......
  • ES6-ES11 生成器函数的实例(解决回调地狱问题)
    原视频<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><titl......
  • ES6-ES11 生成器函数声明与调用
    原视频<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title......
  • ES6-ES11 迭代器介绍
    原视频<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><tit......
  • ES6-ES11 迭代器应用-自定义遍历数据
    原视频<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><titl......
  • ES6-ES11 Symbol的内置属性
    原视频<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><titl......
  • 5.使用Promise实现串行
    实现promise的核心思想是借助reduce 第一步constres=[]//定义一个接受不同promise执行结果的数组第二步返回一个promise对象returnnewPromise((resolve,rej......