首頁 > web前端 > js教程 > 將 Golang 延遲概念實作到 Javascript 中

將 Golang 延遲概念實作到 Javascript 中

DDD
發布: 2024-12-19 14:23:09
原創
1001 人瀏覽過

Implementing Golang defer concept into Javascript

在 Go 中,defer 語句會延遲函數的執行,直到周圍的函數回傳。這是一個簡單的例子:

package main

import "fmt"


func main() {
    fmt.Println("start")
    defer fmt.Println("defer 1")
    defer fmt.Println("defer 2")
    fmt.Println("end")
}
登入後複製

在這個例子中,主函數正常執行,但所有延遲函數在函數退出時都以相反的順序執行。所以輸出會是:

start
end
defer 2
defer 1
登入後複製

現在,向 JavaScript 添加 defer 關鍵字需要大量工作。但這就是我喜歡 JS 的原因 - 它是如此通用,您可以實現其他程式語言的功能,而無需接觸編譯器。

但首先,我們為什麼需要這個?

程式設計中類似延遲的功能有許多有用的用例,例如:

  • 資源清理:清理檔案句柄等資源。
  • 事務操作:在發生錯誤時回滾更改,例如還原資料庫或狀態更新。
  • 日誌記錄:在操作結束時新增日誌記錄。
  • UI 狀態管理:處理後重置狀態。

這樣的例子還在繼續......

現在,讓我們深入了解有趣的部分:我們在 JavaScript 中實作 defer。

class Deferer {
  static stack = [];
  static wrapped = false;
  static defer(fn) {
    this.stack.push(fn);
    if (!this.wrapped) {
        throw new Error("can't call defer wihtout wrapping the function with Deferer.wrapper")
    }
  }

  static execute() {
    while (this.stack.length > 0) {
      const fn = this.stack.pop();
      try {
        fn();
      } catch (err) {
        throw new Error('Error in deferred function:', err);
      } 
    }
    this.wrapped = false;
  }

  static wrapper = (cp) => (...args) => {
        if(this.wrapped) throw new Error("nested deferers are not supported");
        this.wrapped = true;
        try {
         const v = cp(...args)
         this.execute()
         return v;
        } finally {
          this.wrapped = false;
        }

  }

}

const myDeferedFunction =Deferer.wrapper((a, b, c) => {
  console.log("Start of function", a, b, c);

  Deferer.defer(() => console.log("Deferred: Function 1"));
  Deferer.defer(() => console.log("Deferred: Function 2"));

  console.log("End of function", a, b, c);
});

myDeferedFunction(8,8,8)
登入後複製

輸出:

Start of function 8 8 8
End of function 8 8 8
Deferred: Function 2
Deferred: Function 1
登入後複製

正如預期的那樣,延遲函數在主函數完成後以相反的順序執行。

謝謝,

艾哈邁德

以上是將 Golang 延遲概念實作到 Javascript 中的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板