异步/等待 JQuery 文档就绪

它适用于document.addEventListener("DOMContentLoaded", async () => {})但我很好奇让它与 JQuery 一起工作。

而且，我想要使用异步/等待，不承诺因为稍后我将需要承诺回调之外的变量。

let products = [];

$(document).ready(async function() {      // Does not work with ASYNC
    await getProducts();                  // IF i dont use async await, products = empty
    products.forEach(product => console.log(product))
})

const getProducts = () => {
   // Ajax call to server
   // products = ajaxResult;              // asign variable to result
   // returns Promise;
}

该问题是由于 JQuery 版本 3.2.1 引起的，也可能在某些较低版本中引起。$(document).ready(async function() {})不过在以后的版本中使用还是可以的。

$(document).ready( handler ) 已被弃用，如下所述@Phil。

$(handler) 建议使用。jQuery 文档 https://api.jquery.com/ready/#ready-handler