tag promise

標籤
貢獻26
90
06:34 PM · Nov 03 ,2025
shenfq 頭像 tusi_5c8a591841687 頭像 hai2007 頭像 _5bf4c360ce464 頭像 waweb 頭像 heyiming 頭像 daimaxieshen 頭像 jianer 頭像 yxaw 頭像 liuxuan_5845129fbf248 頭像 danielkuang 頭像 heqiliao_5cf8819257e40 頭像

@promise / 博客 RSS 訂閱

ipromise 頭像

ipromise - 深入前端-JavaScript異步編程

JavaScript的執行機制在上篇文章中進行了深入的探討，那麼既然是一門單線程語言，如何進行良好體驗的異步編程呢 回調函數Callbacks 當程序跑起來時，一般情況下，應用程序（application program）會時常通過API調用庫裏所預先備好的函數。但是有些庫函數（library function）卻要求應用先傳給它一個函數，好在合適的時候調用，以完成目標任務。這個被傳入的、後

ecmascript-6 , promise , async , yield , Javascript

收藏 評論

heqiliao_5cf8819257e40 頭像

何棄療 - 一次簡單的頁面跳轉引發問題和思考

背景 後台系統首頁，存在各個訂單狀態的數量統計，現需要實現點擊後跳轉到對應頁面，即快速跳轉。目前系統只有一個訂單列表頁面，table上方倒是有查詢表單，可以根據不同狀態篩選數據。 初步思路 首頁通過框架路由API跳轉，攜帶參數；目標頁面初始化階段獲取參數，填入表單，發起查詢請求。 分析現有代碼 列表頁面由一個統一的Table組件封裝，Table內有查詢Form、Table等組件，通過外部傳入的查詢

vue.js , promise , 路由 , 前端 , Javascript

收藏 評論

shanliangdeshou_ccwzfd 頭像

善良的匕首_ccWZFD - 併發設計模式實戰：Future/Promise

今天為大家帶來的是併發設計模式實戰系列，第十五章Future/Promise，廢話不多説直接開始~ 一、核心原理深度拆解 1. 異步計算雙階段模型 ┌─────────────┐ ┌─────────────┐ ┌─────────────┐ │ Task │───│ Future │───│ Callback │ │ Submission │───│

promise , 設計模式 , 線程 , 併發 , 異步

收藏 評論

immerse 頭像

沉浸式趣談 - Promise 這個新 API 真香！

Hey, 我是 沉浸式趣談 本文首發於【沉浸式趣談】，我的個人博客 https://yaolifeng.com 也同步更新。 轉載請在文章開頭註明出處和版權信息。 如果本文對您有所幫助，請 點贊、評論、轉發，支持一下，謝謝！ 聊到異步，Promise 大家肯定都不陌生，是咱們處理異步操作的神器 不過呢，就算有 Promise，有時候處理一些既可能是同步又可能是異步的函數，或者那種隨時可

promise , ecmascript , 程序員 , 前端

收藏 評論

qfifteen 頭像

十五 - 參透 JavaScript —— 圖解 Event Loop 事件循環

前言 本篇文章主要講解瀏覽器中事件循環(Event Loop) 那些事 單線程 JavaScript 中的同步和異步 同步任務是立即執行的任務，在調用棧(Call Stack)順序執行 異步任務則不同，它在同步任務沒完成之前，不會進入主線程，而是將對應回調函數註冊到隊列中，要理解這一步，我們先要知道任務隊列 任務隊列 在調用棧(Call Stack)中，如果遇到一個異步操作，那麼會將對應的回調函數

promise , 事件循環 , 異步任務隊列 , 異步編程 , Javascript

收藏 評論

tusi_5c8a591841687 頭像

程序員白彬 - 我以為我很懂Promise，直到我開始實現Promise/A+規範

我一度以為自己很懂Promise，直到前段時間嘗試去實現Promise/A+規範時，才發現自己對Promise的理解還過於淺薄。在我按照Promise/A+規範去寫具體代碼實現的過程中，我經歷了從“很懂”到“陌生”，再到“領會”的過山車式的認知轉變，對Promise有了更深刻的認識！ TL;DR：鑑於很多人不想看長文，這裏直接給出我寫的Promise/A+規範的Javascript實現。 gi

promise , 前端 , Javascript

收藏 評論

tusi_5c8a591841687 頭像

程序員白彬 - then, catch, finally如何影響返回的Promise實例狀態

雖然Promise是開發過程中使用非常頻繁的一個技術點，但是它的一些細節可能很多人都沒有去關注過。我們都知道，.then, .catch, .finally都可以鏈式調用，其本質上是因為返回了一個新的Promise實例，而這些Promise實例現在的狀態是什麼或者將來會變成什麼狀態，很多人心裏可能都沒個底。我自己也意識到了這一點，於是我通過一些代碼試驗，發現了一些共性。如果您對這塊內容還沒有把握，

promise , 前端 , Javascript

收藏 評論

danjuanfe 頭像

前端蛋卷 - 面試官：講一下如何終止一個 Promise 繼續執行

我們知道 Promise 一旦實例化之後，狀態就只能由 Pending 轉變為 Rejected 或者 Fulfilled， 本身是不可以取消已經實例化之後的 Promise 了。 但是我們可以通過一些其他的手段來實現終止 Promise 的繼續執行來模擬 Promise 取消的效果。 Promise.race 我們都知道 Promise.race 方法接收多個 Promise ，一旦這些 Pro

promise , 前端 , Javascript

收藏 評論

refanbanzhang 頭像

熱飯班長 - 當遍歷遇上異步請求

目標 遍歷請求時，讓請求依次執行（等待前一次請求響應後再發起下一次請求）並且等待所有請求完成。 示例 前置物料 // 模擬一個用於將名字轉換為大寫的請求 const asyncUppercase = (value) = new Promise((resolve) = { console.log('sent'); const timer = Math.floor(Math.ran

promise , async-await , 遍歷

收藏 評論

anran758 頭像

anran758 - Promise 與異步編程

Promise 是 JavaScript 中的一個重要概念，與前端的工作更是息息相關。因此本文將整理一下 Promise 在日常工作中的應用。 概念 從 MDN | 使用 Promise 中我們能學習到 Promise 的基礎使用與錯誤處理、組合等概念，可以將 Promise 的特點概括為: Promise 對象有三種狀態，且狀態一旦改變就不會再變。其值記錄在內部屬性 [[Promis

promise , node.js , 異步編程 , 前端 , Javascript

收藏 評論

webinfoq 頭像

破曉L - 瞭解關鍵區別：await vs return vs return await

異步編程是現代 JavaScript 開發中一個重要方面，它使我們能夠處理耗時的操作，而不會阻塞其他任務的執行。使用異步函數時，我們會遇到三個重要的關鍵字：await 、return、return await。在本文中，我們將探討這些關鍵字之間的差異，並討論何時使用每個關鍵字。 在深入探討細節之前，讓我們先闡明一下異步函數的用途。異步函數是一種特殊類型的函數，可以使用 await 關鍵字。它允許我

vue.js , promise , async-await , 前端 , Javascript

收藏 評論

wuwhs 頭像

wuwhs - 「過程詳解」async await綜合題

前言 如果你之前跟我一樣一直對async await熟悉又陌生的話（熟悉是可能每天都在用，陌生是針對一些組合題又丈二和尚摸不着頭腦），不妨可以邊看邊練，總結規律，相信會逐漸清晰並有所得。本文對每個案例都詳細描述了代碼的執行流程，如有不妥歡迎指正。 async 函數return值 async函數默認會返回一個Promise對象，不管最後函數有沒有return值。但是針對具體的返回值情況，實際上表現會

promise , async-await , node.js , 前端 , Javascript

收藏 評論

yanyue404 頭像

RainBow - Promise 實現 （從簡易版到符合Promise A+規範）

前言 手寫 Promise 是面試的時候大家都逃避的送命題，在學些瞭解後發現通過實現源碼更能將新一代的異步方案理解的通透，知其然知其所以然的運用。 如果直接將源碼貼到此處勢必不能有更大的收穫，下面就按實現版本來看做簡要分析。 回顧 Promise Promise 是 CommonJS 提出來的這一種規範，有多個版本，在 ES6 當中已經納入規範，原生支持 Promise 對象，非 ES6 環境可以

promise , async , Javascript

收藏 評論

munergs 頭像

munergs - angular 8+中使用observable使用async/await

不廢話，直接上結論，js中observable不能直接使用async/await這種流程控制標識，舉個例子 observable:Observableany = new Observable; constructor() { this.observable = Observable.create((item:any)={//一秒鐘後輸出結果 setTimeout((

promise , angular , async-await , rxjs-observables , 前端

收藏 評論

hai2007 頭像

你好2007 - Symbol + Generator函數 + Promise

一：Symbol 1.1 基本使用 簡單的説，Symbol就是一個絕對唯一的key值，類似之前obj['key']='value'這種操作的字符串'key'，好處是絕對不會重複，避免覆蓋之前的值。 Symbol是一個方法，會返回一個唯一的symbol，可以帶參數，比如：var sy=Symbol('sy-name')，不過這只是為了方便查看，加不加目前沒有區別。 var sy1=Symbol(),

ecmascript-6 , promise , symbol , generator , Javascript

收藏 評論

lizheming 頭像

公子 - 一道面試題讓你更加了解事件隊列

今天在羣裏聊天，突然有人放出了一道面試題。經過羣裏一番討論，最終解題思路慢慢完善起來，我這裏就整理一下羣內解題的思路。 該題定義了一個同步函數對傳入的數組進行遍歷乘二操作，同時每執行一次就會給 executeCount 累加。最終我們需要實現一個 batcher 函數，使用其對該同步函數包裝後，實現每次調用依舊返回預期的二倍結果，同時還需要保證 executeCount 執行次數為1。 let e

eventloop , promise , settimeout , 前端 , Javascript

收藏 評論

shenfq 頭像

Shenfq - JavaScript 異步編程史

前言 早期的 Web 應用中，與後台進行交互時，需要進行 form 表單的提交，然後在頁面刷新後給用户反饋結果。在頁面刷新過程中，後台會重新返回一段 HTML 代碼，這段 HTML 中的大部分內容與之前頁面基本相同，這勢必造成了流量的浪費，而且一來一回也延長了頁面的響應時間，總是會讓人覺得 Web 應用的體驗感比不上客户端應用。 2004 年，AJAX 即“Asynchronous JavaScr

promise , async-await , generator , 前端 , Javascript

收藏 評論

shenfq 頭像

Shenfq - React 中 setState 是一個宏任務還是微任務？

最近有個朋友面試，面試官問了個奇葩的問題，也就是我寫在標題上的這個問題。 能問出這個問題，面試官應該對 React 不是很瞭解，也是可能是看到面試者簡歷裏面有寫過自己熟悉 React，面試官想通過這個問題來判斷面試者是不是真的熟悉 React 🤣。 面試官的問法是否正確？ 面試官的問題是，setState 是一個宏任務還是微任務，那麼在他的認知裏，setState 肯定是一個異步操作。為了判斷

react , promise , settimeout , 前端 , Javascript

收藏 評論

xianru_60b038137be43 頭像

賢儒 - JavaScript 異步操作進化史

特別説明 這篇博客是我個人對 JavaScript 異步操作 的總結歸類。 通過這篇文章我也希望讀者可以從 宏觀 的角度看待 JavaScript 異步操作是如何演化的。 但是如果想要通過這篇博客全面掌握 promise 或者 async 函數等其他技術的全部知識，還是不太現實的。 推薦大家精讀阮一峯老師的 ECMAScript 6 入門 - Promise 對象 ，和尼古拉斯老師的《深

promise , async-await , 發佈訂閲模式 , generator , Javascript

收藏 評論

gqkmiss 頭像

月恆 - ES 2024 新特性

ECMAScript 2024 新特性 ECMAScript 2024, the 15th edition, added facilities for resizing and transferring ArrayBuffers and SharedArrayBuffers; added a new RegExp /v flag for creating RegExps with more a

ecmascript-6 , promise , object , 前端 , Javascript

收藏 評論

danielkuang 頭像

kup_況 - 你與弄懂promise之間可能只差這篇文章（二）

點我看看~ 前言：可能存在闡述不準確之處，歡迎指正～ Promise在long time ago就活躍於Javascript社區，受到開發者歡迎，只不過到近幾年才被納入ECMA規範。 我們為什麼要使用Promsie？ 因為： 我們不希望，過了幾個月之後，代碼只有上帝才看得懂； 我們不希望，回調代碼越寫越往右，只能換更大的顯示器看； 我們希望，哪怕過了很久，代碼依舊邏輯清晰，看懂不費吹灰

promise , 回調函數 , 前端優化 , 異步請求 , 異步編程

收藏 評論

liuxuan_5845129fbf248 頭像

leocoder - 從0到1實現Promise

前言 Promise大家一定都不陌生了，JavaScript異步流程從最初的Callback，到Promise，到Generator，再到目前使用最多的Async/Await（如果對於這些不熟悉的可以參考我另一篇文章《JavaScript異步編程》），這不僅僅是技術實現的發展，更是思想上對於如何控制異步的遞進。Promise作為後續方案的基礎，是重中之重，也是面試時候最常被問到的。 今天我們就一起

promise , mocha , 單元測試 , Javascript

收藏 評論

yxaw 頭像

Yxaw - Javascript 手動造輪子

前言 上次發了一下手動實現Promise https://segmentfault.com/a/11... 之後有猿友問我私聊我其它的像bind, call這些有沒有標準的寫法。我的回答是沒有,像這些api我們只能仿照它的功能，只能做得很像很像，但是絕對標準的答案是沒有的，就像我之前的那篇文章，也只是在參照PromiseA+規範去仿寫。好多Promise特有的API和特性也沒有寫進去，因為我的目的

call , promise , apply , bind , Javascript

收藏 評論

jianer 頭像

健兒 - 記錄arr.map 和arr.foreach 遇到的回調函數（異步和同步問題）的坑

大致問題是： 通過map或者foreach循環的回調函數操作數組，回調函數內部有ajax異步函數，通過await同步的寫法來調用的。console.log打印出數組跟實際渲染到view層的頁面始終不一致。 後來改寫成for循環就好了。 所以總結出來，基礎知識，在理解map和foreach這個api不夠深刻，也對await 關鍵詞的使用場景理解不透徹（雖然是for循環，但作用域函數可以找

promise , await-async , map , for循環 , Javascript

收藏 評論