Deno 程序生命周期

2020-06-24 17:04 更新

Deno 支持瀏覽器兼容的生命周期事件 load 和 unload。您可以使用這些事件在程序中提供用于安裝 (setup) 和清理 (cleanup) 的代碼。 load 事件的偵聽(tīng)器 (listener) 可以是異步 (async) 的,將被等待 (await)。unload 事件的監(jiān)聽(tīng)器需要是同步的。這兩項(xiàng)事件都不能被取消。 示例: main.ts

import "./imported.ts";


const handler = (e: Event): void => {
  console.log(`got ${e.type} event in event handler (main)`);
};


window.addEventListener("load", handler);


window.addEventListener("unload", handler);


window.onload = (e: Event): void => {
  console.log(`got ${e.type} event in onload function (main)`);
};


window.onunload = (e: Event): void => {
  console.log(`got ${e.type} event in onunload function (main)`);
};


console.log("log from main script");

imported.ts

const handler = (e: Event): void => {
  console.log(`got ${e.type} event in event handler (imported)`);
};


window.addEventListener("load", handler);
window.addEventListener("unload", handler);


window.onload = (e: Event): void => {
  console.log(`got ${e.type} event in onload function (imported)`);
};


window.onunload = (e: Event): void => {
  console.log(`got ${e.type} event in onunload function (imported)`);
};


console.log("log from imported script");

注意,您可以同時(shí)使用 window.addEventListener 和 window.onload / window.onunload 來(lái)定義事件的處理程序。它們之間有一個(gè)主要的區(qū)別,讓我們運(yùn)行示例:

$ deno run main.ts
log from imported script
log from main script
got load event in onload function (main)
got load event in event handler (imported)
got load event in event handler (main)
got unload event in onunload function (main)
got unload event in event handler (imported)
got unload event in event handler (main)

所有通過(guò) window.addEventListener 添加的偵聽(tīng)器都被運(yùn)行,但是在 main.ts 中定義的 window.onload 和 window.onunload 覆蓋了 imported.ts 中定義的處理程序。 換句話說(shuō),您可以注冊(cè)多個(gè) window.addEventListener "load" 或 "unload" 事件,但只有最后加載的 window.onload 或 window.onunload 事件將被執(zhí)行。

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)