※ 認識非同步概念(五)

閱讀時間約 1 分鐘

※ 非同步概念總複習

  • 為什麼要使用 Promise?

在 JavaScript 開發中,處理非同步操作是常見需求,涉及如文件讀寫、數據庫查詢或網路請求等耗時任務。傳統的回調方式可能導致代碼結構混亂,稱為「回調地獄」,難以維護和理解。

Promise 是解決這問題的方法。它是一個物件(object),代表某個將來完成或失敗的非同步操作。你可以使用 .then() 方法來接收回傳值,。另外透過.catch() 方法處理錯誤。

  • 為什麼要使用 async function?

async function 提供了一種類似同步的方式來編寫非同步代碼,內部可以使用 await 等待 Promise 的結果,然後將其存儲在變數中,這允許你以直觀的方式逐行處理結果,避免了回調地獄並增加了代碼的可讀性。

  • 在Javascript中,需要花點時間才等到結果,會使用哪個語法進行處理?

答案Promise。

  • .then讀起來不人性化,為了讓程式碼變得易讀性,會使用哪個語法進行處理?

答案async function。







    全端網頁開發專業知識分享
    留言0
    查看全部
    發表第一個留言支持創作者!
    認識 async/await基本概念: async 的本質是 promise 的語法糖 ,只要 function 標記為 async,就表示裡頭可以撰寫 await 的同步語法,而 await 顧名思義就是「等待」,它會確保一個 promise 物件都解決 ( resolve ) 或出錯 ( re
    什麼是 Promise.all? 在有多個 Promise 的時候,使用 Promise.all 可以確保「所有的 Promise 都執行完以後,才進入 then」。 Promise.all 語法結構: Promise.all 接受的參數是陣列形式。 什麼時候要使用 Promise.all?
    ※ Promise基本介紹 什麼是 Promise? Promise 是 JavaScript 的一個構造函式,用於創建表示非同步操作的物件實例。使用 new Promise() 時,你會創建一個包含非同步操作的實例,這個實例可以透過其繼承的方法如 then(), catch(), 和 fina
    ※ 同步概念: 單純地「由上而下」執行程式碼,而且一次只執行一件事,也就是「按順序執行,一個動作結束才能切換到下一個」。缺點是你需要「等待」事情執行完畢,才能繼續往下走。 ※ 非同步概念: 盡可能讓主要的執行程序不需要停下來等待,若遇到要等待的事情,就發起一個「非同步處理」,讓主程序繼續執行,
    ※ 函式進階介紹: 箭頭函式: 箭頭函式相比於一般函式,語法相當簡潔。除了少去 function 關鍵字,如果只有一個參數,箭頭函式可以省略括號;只有一行程式碼,就是直接簡單返回一個變數或簡單的表達式,可以省略大括號和 return。例子如下: //一般函式計算平方用的寫法 const squ
    ※ 函式基礎介紹: ※ JavaScript 特殊的函式特性: 函式可以當成值來傳遞 (可以放進變數或放進物件) 函式可以當成函式的參數 callback - 在特定事件中觸發函式 (非同步特性) ※ 函式的基本寫法: ※ 調用 (invoke) 函式: "調用" 意指呼叫或執行
    認識 async/await基本概念: async 的本質是 promise 的語法糖 ,只要 function 標記為 async,就表示裡頭可以撰寫 await 的同步語法,而 await 顧名思義就是「等待」,它會確保一個 promise 物件都解決 ( resolve ) 或出錯 ( re
    什麼是 Promise.all? 在有多個 Promise 的時候,使用 Promise.all 可以確保「所有的 Promise 都執行完以後,才進入 then」。 Promise.all 語法結構: Promise.all 接受的參數是陣列形式。 什麼時候要使用 Promise.all?
    ※ Promise基本介紹 什麼是 Promise? Promise 是 JavaScript 的一個構造函式,用於創建表示非同步操作的物件實例。使用 new Promise() 時,你會創建一個包含非同步操作的實例,這個實例可以透過其繼承的方法如 then(), catch(), 和 fina
    ※ 同步概念: 單純地「由上而下」執行程式碼,而且一次只執行一件事,也就是「按順序執行,一個動作結束才能切換到下一個」。缺點是你需要「等待」事情執行完畢,才能繼續往下走。 ※ 非同步概念: 盡可能讓主要的執行程序不需要停下來等待,若遇到要等待的事情,就發起一個「非同步處理」,讓主程序繼續執行,
    ※ 函式進階介紹: 箭頭函式: 箭頭函式相比於一般函式,語法相當簡潔。除了少去 function 關鍵字,如果只有一個參數,箭頭函式可以省略括號;只有一行程式碼,就是直接簡單返回一個變數或簡單的表達式,可以省略大括號和 return。例子如下: //一般函式計算平方用的寫法 const squ
    ※ 函式基礎介紹: ※ JavaScript 特殊的函式特性: 函式可以當成值來傳遞 (可以放進變數或放進物件) 函式可以當成函式的參數 callback - 在特定事件中觸發函式 (非同步特性) ※ 函式的基本寫法: ※ 調用 (invoke) 函式: "調用" 意指呼叫或執行
    你可能也想看
    Thumbnail
    1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
    Thumbnail
    重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
    Thumbnail
    近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
    透過擁有使命時的感受,以及其感受作為基底的來源,使用自己的生命。 下限有希特勒作為借鏡,上限有帶領AI作為發展前沿,縱使還不熟悉,也早晚會在過程中認識使命。
    Thumbnail
    本文解惑阿拉伯文為何看起來像一條蟲,並介紹阿語字母與變形體。
    Thumbnail
    大家來日本旅行前可能都只聽過合掌村,卻沒什麼聽過合掌村周遭的城市,但其實在合掌村附近有一個名叫飛驒高山的城市,這個城市既有像鄉村般的古色古香和樸素氛圍,又同時兼具都市般的熱鬧和方便,而且美食和景點夠你逛三天三夜!這次就要帶大家以簡單清楚的方式,體驗高山好吃好玩的景點和美食,並讓大家認識高山這個地方!
    Thumbnail
    經常忽略了自己內在深處的聲音 在這快節奏的現代生活中,我們總是被迫奔波於各種工作、學習和家庭事務之間。這種忙碌使我們往往忽略了內在深處的聲音,忘記了自己的真正渴望和內心的需求。每天的壓力讓我們只能應付眼前的困難,卻忘了細細品味生活的真諦。 在城市的喧囂中,我們忘記了自己 在城市的喧囂中,我們很
    Thumbnail
    在(上)時我們從「I am _____ .」開始,引導讀者一路來到了句型「主詞+be+介詞片語」,本篇(下)要跟讀者分享常用和好用的例句,同時邀請付費訂閱的讀者透過留言功能挑一個或本文提到的所有例子來造句,老師會幫揪錯。 首先分享一個描述位置的實用句型。請看: 可拿來形容自己住的地方交通有多便利:
    Thumbnail
    位於伊斯坦堡的聖索菲亞大教堂,是到土耳其旅遊時必去的景點,但除了歷史課本上有學過的拜占庭歷史外,你對這座建築了解嗎? 今天透過世界級建築師羅伯特‧麥卡特以及2018威尼斯建築展「田中央工作群」的策展顧問尤哈尼‧帕拉斯瑪,帶你「紙上VR導覽」聖索菲亞大教堂這座既熟悉又陌生的建築吧!
    Thumbnail
    「阿飛的人生相談所」,故名思義就是聊人生的各種問題,我會在這裡用聲音跟讀者聊聊日常生活的大小事,也會開放讀者留言與來信提問,無論是感情上、工作上或是家庭、人際關係的問題都可以留言或來信問我,然後我會從中挑選適合的問題在音頻聊聊我的看法,當然不想問問題,單純留言給我鼓勵,我也非常開心。
    結構化資料: 事先定義好每個欄位可以存放什麼資料,這種儲存的資料就是結構化資料。 像是關聯式資料庫中的資料,需要先把table欄位定義好,之後才能儲存資料。 半結構化資料: 無需事先定義好資料欄位,每一筆資料能夠根據需求儲存不同的欄位,因此很有彈性,如JSON, XML等等。 非結構化資料: 未整理
    Thumbnail
    1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
    Thumbnail
    重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
    Thumbnail
    近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
    透過擁有使命時的感受,以及其感受作為基底的來源,使用自己的生命。 下限有希特勒作為借鏡,上限有帶領AI作為發展前沿,縱使還不熟悉,也早晚會在過程中認識使命。
    Thumbnail
    本文解惑阿拉伯文為何看起來像一條蟲,並介紹阿語字母與變形體。
    Thumbnail
    大家來日本旅行前可能都只聽過合掌村,卻沒什麼聽過合掌村周遭的城市,但其實在合掌村附近有一個名叫飛驒高山的城市,這個城市既有像鄉村般的古色古香和樸素氛圍,又同時兼具都市般的熱鬧和方便,而且美食和景點夠你逛三天三夜!這次就要帶大家以簡單清楚的方式,體驗高山好吃好玩的景點和美食,並讓大家認識高山這個地方!
    Thumbnail
    經常忽略了自己內在深處的聲音 在這快節奏的現代生活中,我們總是被迫奔波於各種工作、學習和家庭事務之間。這種忙碌使我們往往忽略了內在深處的聲音,忘記了自己的真正渴望和內心的需求。每天的壓力讓我們只能應付眼前的困難,卻忘了細細品味生活的真諦。 在城市的喧囂中,我們忘記了自己 在城市的喧囂中,我們很
    Thumbnail
    在(上)時我們從「I am _____ .」開始,引導讀者一路來到了句型「主詞+be+介詞片語」,本篇(下)要跟讀者分享常用和好用的例句,同時邀請付費訂閱的讀者透過留言功能挑一個或本文提到的所有例子來造句,老師會幫揪錯。 首先分享一個描述位置的實用句型。請看: 可拿來形容自己住的地方交通有多便利:
    Thumbnail
    位於伊斯坦堡的聖索菲亞大教堂,是到土耳其旅遊時必去的景點,但除了歷史課本上有學過的拜占庭歷史外,你對這座建築了解嗎? 今天透過世界級建築師羅伯特‧麥卡特以及2018威尼斯建築展「田中央工作群」的策展顧問尤哈尼‧帕拉斯瑪,帶你「紙上VR導覽」聖索菲亞大教堂這座既熟悉又陌生的建築吧!
    Thumbnail
    「阿飛的人生相談所」,故名思義就是聊人生的各種問題,我會在這裡用聲音跟讀者聊聊日常生活的大小事,也會開放讀者留言與來信提問,無論是感情上、工作上或是家庭、人際關係的問題都可以留言或來信問我,然後我會從中挑選適合的問題在音頻聊聊我的看法,當然不想問問題,單純留言給我鼓勵,我也非常開心。
    結構化資料: 事先定義好每個欄位可以存放什麼資料,這種儲存的資料就是結構化資料。 像是關聯式資料庫中的資料,需要先把table欄位定義好,之後才能儲存資料。 半結構化資料: 無需事先定義好資料欄位,每一筆資料能夠根據需求儲存不同的欄位,因此很有彈性,如JSON, XML等等。 非結構化資料: 未整理