快速简单理解await 和 async 使用方法_async await的简单理解-程序员宅基地

技术标签: html  vue.js  javascript  

async

这个函数用来处理异步,,它作为一个关键字放到函数前面,用于表示函数是一个异步函数,因为async就是异步的意思, 异步函数也就意味着该函数的执行不会阻塞后面代码的执行。

    async test () {
    
      console.log('test里面的输出的')
      return 'test返回的数据'
    }
调用的时候,直接用then
      this.test().then(x => {
    
        console.log(x)
      })

在这里插入图片描述
这里可以看到async 修饰方法之后会返回一个Promise,就是处理异步。

await

await是等待的意思,那么它等待什么呢,它后面跟着什么呢?其实它后面可以放任何表达式,不过我们更多的是放一个返回promise 对象的表达式。注意await 关键字只能放到async 函数里面。

   doubleAfter2seconds (num) {
    
      return new Promise((resolve, reject) => {
    
        setTimeout(() => {
    
          resolve(2 * num)
        }, 6000)
      })
      }
    async testResult () {
    
      let x = await this.doubleAfter2seconds(200)
      console.log(x)
      console.log(123)
    },
    
      created () {
     
    this.testResult()
    }

在这里插入图片描述
这里可以看到await 可以等待 函数执行后再执行下面的console.log方法

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/young_sam/article/details/106680204

智能推荐

实现ViewPager的回弹效果_bounceviewpager2-程序员宅基地

文章浏览阅读4.6k次。为了能够在ViewPager的第一页和最后一页左右滑动时候不显得那么生硬,通过重写ViewPager类实现回弹效果。 代码很简单,主要重写onTouchEvent方法。 代码如下:public class BounceBackViewPager extends ViewPager { private int currentPosition = 0; private Rect mRe_bounceviewpager2

记一次xxl_job中HttpJobHandler中的数据请求与存储-程序员宅基地

文章浏览阅读6.8k次。@JobHandler(value = "httpJobHandler")@Componentpublic class HttpJobHandler extends IJobHandler { @Resource private BankSynchronizationService bankSynchronizationService; @Override ..._httpjobhandler

css外层DIV半透明内层div不透明-弹出层效果的实现_div透明展示底部div-程序员宅基地

文章浏览阅读2.6k次。css外层DIV半透明内层div不透明-弹出层效果的实现<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>css外层DIV半透明内层div不透明-弹出层效果的实现【_div透明展示底部div

Hadoop集群搭建(非高可用)_高可用集群hadoop-程序员宅基地

文章浏览阅读396次。非高可用集群搭建 第一部分环境准备 =============================================================================== 1. 安装好linux 2. *安装VMTools 3. 关闭防火墙 sudo service iptables stop sudo chkconfig ipt..._高可用集群hadoop

C语言system函数使用-程序员宅基地

文章浏览阅读10w+次,点赞270次,收藏1.4k次。函数原型包含在头文件 “stdlib.h” 中int system(const char * command)函数功能执行 dos(windows系统) 或 shell(Linux/Unix系统) 命令,参数字符串command为命令名。另,在windows系统下参数字符串不区分大小写。说明:在windows系统中,system函数直接在控制台调用一个command命令。在L..._system函数

第3课 计算机病毒的防治反思,《计算机病毒及其防治》说课稿 三篇.doc-程序员宅基地

文章浏览阅读230次。文档介绍:《计算机病毒及其防治》说课稿各位评委教师: 大家好! 我是来自荆门市石化中学的信息技术教师赵城,今天我说课是内容是《计算机病毒及其防治》,这是一节理论实践课, 下面具体阐述一下我设计这节课的具体设计思路,并希望能得到各位专家和老师的指导。第一部分:说教材一、教材分析《计算机病毒及其防治》是华中师范大学出版社全日制普通高级中学教科书《信息技术》第四册“信息安全”中的第四部分和第五部分内容,...

随便推点

Axure元件库web组件库典藏版 (含五大类159小类组件 )_axurerp8元件库种类-程序员宅基地

文章浏览阅读3.6k次,点赞2次,收藏4次。该AxureRP web元件库,支持Axure RP 8/910。含5大类、159小类,主要包括导航、标签、按钮、菜单、进度条、步骤条、分页、时间轴、列表、开关、输入框、选择器、对话框、提示、引导、页脚、加载等_axurerp8元件库种类

宏的优点_学习宏的好处-程序员宅基地

文章浏览阅读962次。使用宏好还是函数好?宏可以直接在源代码中打开,运行时不需再分配内存。宏一般较小,无法处理比较大的复杂的代码结构,通常用函数代替。那通常什么函数可以用到宏呢?..._学习宏的好处

动态文字水印怎么做_动态水印的好处-程序员宅基地

文章浏览阅读833次。水印是把一些标识信息嵌入到信息载体中,在不影响原载体内容使用的同时,为原作者提供识别的手段,进而防止被再次篡改,是一种保护信息安全和知识版权的有效方法。说到水印,常见到纸的文件,一般常用 Word 或 pdf 编辑后打印所得,并且 offie 或 pdf 软件也有直接增加水印的功能。像 Word 中增加水印很简单:菜单栏“设计”-“水印”(选择“自定义水印”),可以设置图片或文字类水印。..._动态水印的好处

USB OTG(On-The-Go)技术概述_on-the-go otg-程序员宅基地

文章浏览阅读1.8k次。USB OTG(On-The-Go)技术概述[USB 2.0规范] 摘要:USB OTG(On-The-Go)是USB 2.0规范的补充,它使外设可以在无主机参与的情况下直接互连进行通信工程.本文讨论了USB OTG补充规范的新增特性,包括OTG事务请求协议SRP和主机流通协议HNP、连接器和电缆、两用OTG设备和外设式OTG设备、驱动程序以及数据流模型。关键词:USB 2.0_on-the-go otg

AES加密算法_aes256加密算法-程序员宅基地

文章浏览阅读2.1k次。密钥类型AES-128:128位比特(16字节) AES-192:192位比特(24字节) AES-256:256位比特(32字节)一般简短数据采用AES-128,也就是16字节,少部分采用AES-256。填充方式NoPadding:不填充,只能加密长度为16倍数的数据,一般不适用; Zeros:补0,如果原数据长度恰好是16的倍数,也要补16个0; ISO10126:最后一个字节是填充的字节数(包括最后一字节),其他全部填随机数1 2 3 4 5 6 7 8 9 10 –.._aes256加密算法

python oracle转mysql_python 取oracle数据转存至mysql-程序员宅基地

文章浏览阅读137次。由于grafana的oracle插件需要付费,所以只能想想办法,于是就用Oracle的数据转到mysql数据库里面。其实也很简单,需要提前安装好python和oracle数据库驱动cx_oracle 和MySQL 驱动,具体可以自己搜索。脚本如下#!/usr/bin/python# -*- coding: UTF-8 -*-import cx_Oracle #导入包import MySQLdbim..._str(len(list))

推荐文章

热门文章

相关标签