promise

来源:https://www.cnblogs.com/zzAyy/archive/2022/09/07/16664656.html
-Advertisement-
Play Games

JS實現數組扁平化處理 點擊打開視頻講解更加詳細 期望結果: 將數組扁平化並去重 最終得到一個升序且不重覆的數組 步驟: 1、數組扁平化 2、去重 3、排序 <template> <div id="home"> JS實現數組扁平化處理,妙不可言啊! <!-- 期望結果: 將數組扁平化並去重 最終得到 ...


  • 回調函數內部的 this 都是指向 window;回調函數定義:當前處理邏輯完成之後,執行封裝在callback函數中的後處續理邏輯;
  • new Promise() 參數接收一個同步自執行匿名函數,構建實例時,該參數就會自動執行
    let promise = new Promise((resolve,reject) => {
        console.log(1);
        resolve("returnValue"); // resolve和reject函數傳入的實參就當前promise對象的[[PromiseResult]]的值
    });
    console.log(2); //控制台輸出1->2
    
    promise對象:
    [[PromiseState]]: "pending"      // 當前promise的狀態,可選值:fulfilled(成功態)、rejected(失敗態)、pending(等待,初始值)
    [[PromiseResult]]: "returnValue" // 當前promise的值
    
    resolve() -> PromiseStatus從pending變為fulfilled;只接受一個參數
    reject()  -> PromiseStatus從pending變為rejected;只接受一個參數

 

  • then 方法會返回一個新的 promise(testPromise)
    let promise = new Promise((resolve, reject) => { resolve(1);});
    let newPromise = promise.then(res => {
        return res*2; // 預設 return undefined; 返回值做為當前then方法返回的promise的[[PromiseResult]]屬性的值
    })
    // newPromise.[[PromiseResult]] = 2

 

  • then 拋錯
    let promise = new Promise((resolve, reject) => {
        resolve(1);
    });
    // 如果then方法拋錯
    let newPromise = promise.then(res => {
        throw new Error("參數必須是字元串!");
    })
    newPromise 對象: [[PromiseState]]: "rejected"
                     [[PromiseResult]]: Error: 參數必須是字元串!
如果沒有錯誤捕獲,則控制台報錯如下:

 

如果存在錯誤捕獲,則控制台不會報錯,輸出如下:
newPromise.catch(err => {
    console.log(err);
})

 

 

  • 如果 then 方法的回調函數返回一個普通值(a),則 returnPromise.[[PromiseResult]] = a
  • 如果 then 方法的回調函數返回一個promise(b),則 returnPromise= b
    let promise = new Promise((resolve, reject) => {resolve(1);});
    let newPromise = promise.then(res => {
        return new Promise((resolve, reject) => {
            resolve('a');
        });
    })
    newPromise對象如下:[[PromiseState]]: "fulfilled"
                       [[PromiseResult]]: a

 

  • Promise.reject('reject') 返回一個新失敗態的 promise:{[[PromiseState]]: "rejected" ,  [[PromiseResult]]: "reject"} ; 如果 reject() 不接收參數,則返回的 [[PromiseResult]]=undefined
  • Promise.all,promises 數組中所有 promise 對象都達到 resolve 狀態,才執行 then 回調。
    var p1 = Promise.resolve(1);
    var p2 = Promise.resolve(2);
    var p3 = Promise.resolve(3);
    const promise = Promise.all([p1, p2, p3]).then(function(results){
        return results;
    });
    console.log(promise); // promise = {[[PromiseState]]: "fulfilled" , [[PromiseResult]]: [1,2,3]}

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • HMS Core應用內支付服務(In-App Purchases,IAP)為應用提供便捷的應用內支付體驗和簡便的接入流程。開發者的應用集成IAP SDK後,調用IAP SDK介面,啟動IAP收銀台,即可實現應用內支付。 通過應用內支付服務,用戶可以在應用內購買各種類型的虛擬商品,包括一次性商品(包括 ...
  • 最近有個需求,就是上傳圖片的時候,圖片過大,需要壓縮一下圖片再上傳。 需求雖然很容易理解,但要做到,不是那麼容易的。 這裡涉及到的知識有點多,不多說,本篇博客有點重要呀! 一、圖片URL轉Blob(圖片大小不變) 註意點:圖片不能跨域!!! 方式一:通過XHR請求獲取 function urlToB ...
  • 本文是深入淺出 ahooks 源碼系列文章的第十八篇,該系列已整理成文檔-地址。覺得還不錯,給個 star 支持一下哈,Thanks。 簡介 提供虛擬化列表能力的 Hook,用於解決展示海量數據渲染時首屏渲染緩慢和滾動卡頓問題。 詳情可見官網,文章源代碼可以點擊這裡。 實現原理 其實現原理監聽外部容 ...
  • 每日3題 25 以下代碼執行後,控制臺中的輸出內容為? let a = { i: 0, [Symbol.toPrimitive]: () => ++a.i, }; console.log(a == 1 && a == 2 && a == 3); 26 變數 a 會被 GC 嗎,為什麼? functi ...
  • 什麼是跨域 當一個請求url的協議、功能變數名稱、埠三者之間任意一個與當前頁面url不同即為跨域。 跨域指的是瀏覽器不能執行其它網站的腳本。是由瀏覽器的同源策略造成的,是瀏覽器對JavaScript 施加的安全限制。 有一點必須要註意:跨域並不是請求發不出去,請求能發出去,服務端能收到請求並正常返回結果, ...
  • 在vue項目開發中,有時候會用到sessionStorge和localStorge兩個存儲,這兩個方法怎麼使用就不多敘述了,下麵之說在IOS中遇到的坑: 在登錄系統後需要用到sessionStorge存儲從後端返回的路由,以便下次重覆使用。但是在IOS中sessionStorge的容量是有限度的,遠 ...
  • 本項目主要基於`Elux+Antd`構建,包含React版本和Vue版本,旨在提供給大家一個簡單基礎、開箱即用的後臺管理系統通用模版,主要包含運行環境、腳手架、代碼風格、基本Layout、狀態管理、路由管理、增刪改查邏輯、列表、表單等。 ...
  • 前言 本文將對 Vue-Vben-Admin 角色許可權的狀態管理進行源碼解讀,耐心讀完,相信您一定會有所收穫! 更多系列文章詳見專欄 👉 📚 Vben Admin 項目分析&實踐 。 本文涉及到角色許可權之外的較多內容(路由相關)會一筆帶過,具體功能實現將在後面專題中詳細討論。為了更好的理解本文內 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...