HTML DOM queueMicrotask()用法及代碼示例

這個queueMicrotask()方法，在控製權返回瀏覽器的事件循環之前，將一個微任務排隊在安全的時間執行。這微任務是短函數那在當前任務完成工作之後運行，並且在沒有其他代碼等待運行之前，將執行上下文的控製返回給瀏覽器的事件循環。這樣一來，您的代碼即可運行，而不會幹擾任何其他可能具有更高優先級的未決代碼。

用法:

self.queueMicrotask(function);

參數：

function:當瀏覽器引擎確定可以安全調用代碼時要執行的函數。

返回值：不明確的。

例：在此示例中，我們將使用此方法執行函數。

HTML

<!DOCTYPE HTML> 
<html> 
  
<body style="text-align:center;"> 
    <h1 style="color:green;"> 
        GeeksforGeeks 
    </h1> 
  
    <p> 
        HTML | DOM queueMicroTask() method 
    </p> 
      
    <button onclick="Geeks()"> 
        Click Here 
    </button> 
      
    <p id="a"></p> 
      
    <script> 
        var a = document.getElementById("a"); 
        function Geeks() { 
            self.queueMicrotask(() => { 
                a.innerHTML = "This is called " 
                + "using queueMicrotask() method"; 
            }) 
        }  
    </script> 
</body> 
  
</html>

輸出：

單擊按鈕之前：

單擊按鈕後：

支持的瀏覽器：

穀歌瀏覽器
Edge
Firefox
Safari
Opera

相關用法

注：本文由純淨天空篩選整理自taran910大神的英文原創作品 HTML DOM queueMicrotask() Method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。