ES6中的promise、async、await用法詳解

阿新 • • 發佈：2018-08-05

res color spa tle turn 同步方法 set 調用順序輸出

<!DOCTYPE html>
<html>
<head>
    <title>Promise、async、await</title>
</head>
<body>
<script type="text/javascript">

//promise用法(返回異步方法返回的數據,resolve獲取數據成功後調用的方法, reject獲取數據失敗後調用的方法)

//第一種寫法
    var p = new Promise((resolve,reject) => {
        //模擬ajax請求異步獲取數據 

        setTimeout(() => {
            let name = ‘lindont‘;
            resolve(name); //成功調用的函數
            //reject(‘error‘); //失敗調用的函數
        },1000);
    });

    p.then((data) => {
        console.log(data);
    });


//第二種寫法
    var getData = (resolve,reject) => {
        setTimeout(() => {
            let name  
= ‘HuangHaoXin‘;
            resolve(name);
        },1000);
    }

    var p2 = new Promise(getData);

    p2.then((data) => {
        console.log(data);
    });


//async 和 await (async可以將一個同步的方法改為異步方法, await具有阻塞功能變相把一個異步方法變成同步方法, await必須用在async方法中)

//第一種寫法
    var getData2 = async () => {
        console.log( 
2);
        return ‘async data‘
    }

    var test = async () => {
        console.log(1);
        var d = await getData2();
        console.log(d);
        console.log(3);
    }

    test(); //結果按順序輸出 1 2 3,說明await等待getData2方法執行完畢再往下執行(即自定義一個異步方法，使用await等待另一個異步方法執行完畢，此時異步方法變相成為了同步)


//第二種寫法
    var getData3 = () => {
        return new Promise((resolve,reject) => {
            setTimeout(() => {
                var username = ‘good day‘;
                resolve(username);
            },1000);
        });
    }

    var test2 = async () => {
        var data = await getData3();
        console.log(data);
    }

    test2();


</script>
</body>
</html>

res color spa tle turn 同步方法 set 調用順序輸出 <!DOCTYPE html> <html> <head> <title>Promise、async、await</title&g

分割槽函式Partition By、帶行號row_number()、排序rank()的用法詳解

partition by關鍵字是分析性函式的一部分，它和聚合函式不同的地方在於它能返回一個分組中的多條記錄，而聚合函式一般只有一條反映統計值的記錄，partition by用於給結果集分組，如果沒有指定那麼它把整個結果集作為一個分組，分割槽函式一般與排名函式一起使用。準備測試資料：

使用TortoiseSVN+IntelliJ IDEA 建立SVN主幹、分支、標記與合併用法詳解

一、準備工作 SVN伺服器、登入賬號安裝好TortoiseSVN、Idea軟體申請SVN地址（示例中SVN倉庫地址為’file:///D:/SVN/’）以及相應目錄許可權二、使用TortoiseSVN建立主幹、分支與標記任意地

oracle中的exists 和not exists 用法詳解

sdn ref 用法詳解 html nbsp e30 .net tail sin oracle中的exists 和not exists 用法詳解 http://blog.csdn.net/zhiweianran/article/details/7868894oracle

Python模塊中requests模塊的基本用法詳解

python CTF 首先還是老生長談，說說定義和作用，request模塊是一個用於訪問網絡的模塊，其實類似的模塊還有很多，不在一一在這裏解釋。這麽多的相似的模塊為什麽都說只有這個好用呢。因為他人性化。如果你學過urllib之類的模塊的話，對比一下就很清楚了（文章url以題目實

Python中scatter函數參數用法詳解

col width 用法技術顏色 .com 方法 new matplot 1、scatter函數原型 2、其中散點的形狀參數marker如下： 3、其中顏色參數c如下: 4、基本的使用方法如下： #導入必要的模塊 import numpy

Python 3.7.1 中 namedtuple 具名元組基本用法詳解

Python 3.7.1 中 namedtuple 具名元組基本用法詳解轉載請註明出處：https://blog.csdn.net/jpch89/article/details/84645251 文章目錄 Python 3.7.1 中 namedtupl

C++中this指標的作用以及用法詳解

為什麼引用this指標？當我們在類中定義了一個變數，同時又在類成員函式中定義了同一個變數時，也就是變數名重複時，但是我們要想使用類中的定義的變數，此時就需要this指標了。 1.this指標的作用指標存在於類的成員函式中，指向被呼叫函式類例項的地址。一個物件的thi

C++模版STL中 map 和 string, vector 的用法詳解

參考： 1. map 用法詳解 std map是STL的一個關聯容器，它提供一對一（其中第一個可以稱為關鍵字，每個關鍵字只能在map中出現一次，第二個可能稱為該關鍵字的值）的資料處理能力，由於這個特性，它完成有可能在我們處理一對一資料的時候，在程式設計上提

Python中functiools.wraps()的功能以及用法詳解

今天學習Pyhton學到了裝飾器，但是遇到視訊無法播放，附帶原始碼中有一個functools.wraps()的裝飾器，看了好久做了實驗才知道是幹什麼的。先看一下functool.wraps的定義以及闡述（由於我用的是虛擬機器，所以只能上圖片不能

promise、async和await之執行順序

() time end AI mis ont set then cti async function async1(){ console.log(‘async1 start‘) await async2() console.log(‘async1

promise、async和await之執行順序的那點事

故事要從一道今日頭條的筆試題說起～題目來源：半年工作經驗今日頭條和美團面試題面經分享！！！！！

Thread、ThreadPool、Task、Parallel、Async和Await基本用法、區別以及弊端

多執行緒的操作在程式中也是比較常見的，比如開啟一個執行緒執行一些比較耗時的操作(IO操作)，而主執行緒繼續執行當前操作，不會造成主執行緒阻塞。執行緒又分為前臺執行緒和後臺執行緒，區別是：整個程式必須要執行完前臺執行緒才會退出，而後臺執行緒會在程式退出的時候結束掉。Thread預設建立的是前臺執行緒，而Thre

非同步-promise、async、await

下面程式碼列印結果是？ setTimeout(()=>{ console.log(1) }) new Promise((resolve,reject)=>{ console.log(2) resolve() }) .then(()=>{ console.log(3) }) n

PHP中VC6、VC9、TS、NTS版本的區別與用法詳解

進行系統資源 stc 詳解 ron 線程安全 info 啟動 win 1． VC6與VC9的區別： VC6版本是使用Visual Studio 6編譯器編譯的，如果你的PHP是用Apache來架設的，那你就選擇VC6版本。 VC9版本是使用Visual Studio 20

那些年我們一起追逐的多線程(Thread、ThreadPool、委托異步調用、Task/TaskFactory、Parallerl、async和await)

col 不同的告訴新的 OS 代碼區 monit strong list 一. 背景　　在剛接觸開發的頭幾年裏，說實話，根本不考慮多線程的這個問題，貌似那時候腦子裏也有沒有多線程的這個概念，所有的業務都是一個線程來處理，不考慮性能問題，當然也沒有考慮多線程操作一條

ES6中 promise非同步載入的用法

1：單個promise let p=new Promise(function (resolve, reject){ $.ajax({ url: 'data/arr2.tx

SQL中INNER、LEFT、RIGHT JOIN的區別和用法詳解

相信很多人在剛開始使用資料庫的INNER JOIN、LEFT JOIN和RIGHT JOIN時，都不太能明確區分和正確使用這三種JOIN操作，本文通過一個簡單的例子通俗易懂的講解這三者的區別，希望對大家能帶來幫助。首先，我們建立示例資料庫和表。同時也要明確一個概念：A INN

ie相容es6，ie相容ES6的方法，包括箭頭函式，Promise，async，await

1. 使用es6語法（不包含Promise） script標籤的type的值設為text/babel <script type="text/babel"> const arr1=[1,2,3] const arr2=[...arr1] console.

Python3中正則模組re.compile、re.match及re.search函式用法詳解

本文例項講述了Python3中正則模組re.compile、re.match及re.search函式用法。分享給大家供大家參考，具體如下： re模組 re.compile、re.match、 re.search re 模組官方說明文件正則匹配的時候，第一個字元是 r，表示 raw string 原生字

ES6中的promise、async、await用法詳解

相關推薦