异步/等待 JQuery 文档就绪

Question

它可以与 JQuery 一起使用document.addEventListener("DOMContentLoaded", async () => {})，但我很好奇让它与 JQuery 一起使用。

而且，我想要使用 Async/Await，而不是 Promise，因为稍后我将需要 Promise 回调之外的变量。

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;
}

Answer 1

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

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

$(handler) 建议使用。jQuery 文档