javascript await学习

await 强制后面点代码等待,直到Promise对象resolve,得到resolve的值作为await表达式的运算结果

bash 复制代码
let sArr = ['没有数据'];
function timeout(ms) {
    return new Promise((resolve, reject) => {
      console.log('我已经调用了');  
      setTimeout(() => {//模拟耗时的操作,比如从数据库取数据,取出来后才能用
        //console.log('我需要等待');
        this.sArr =['我获取到数据了'];
        //reject('error');
        resolve(this.sArr);
 }, 5000);  //reject模拟出错,返回error
    //resolve('success');
    });
  }
  async function asyncPrint() {
    try {
       console.log('start');
       await timeout();  //可以去掉await 试试看输出结果
       //console.log(abc);
       //console.log('end');
       console.log(this.sArr);
    } catch(err) {
       console.log(err); //这里捕捉错误error
    }
  }

asyncPrint();
console.log('我继续执行,不受影响');

JS中console的几种方法
10 个关于 Promise 和 setTimeout 知识的面试题,通过图解一次说透彻
js异步编程 setTimeout、Promise、Async/Await 的区别

相关推荐
一只小风华~3 分钟前
HTML前端开发:JavaScript 常用事件详解
前端·javascript·html
一头小鹿1 小时前
【JS】原型和原型链 | 笔记整理
javascript
red润2 小时前
封装hook,复刻掘金社区,暗黑白天主题切换功能
前端·javascript·vue.js
葬送的代码人生2 小时前
React组件化哲学:如何优雅地"变秃也变强"
前端·javascript·react.js
Bl_a_ck2 小时前
【JS进阶】ES6 实现继承的方式
开发语言·前端·javascript
咪库咪库咪2 小时前
js的浅拷贝与深拷贝
javascript
幸福的猪在江湖2 小时前
第一章:变量筑基 - 内力根基修炼法
javascript
Ryan今天学习了吗2 小时前
💥不说废话,带你使用原生 JS + HTML 实现超丝滑拖拽排序效果
javascript·html
Momoly082 小时前
vue3+el-table 利用插槽自定义数据样式
前端·javascript·vue.js
多啦C梦a2 小时前
从 React 初体验到数据驱动的界面开发:一步步解析 Todo List 组件
javascript·react.js