javascript - Async/Await 与 JQuery 文档 READY

Question

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

另外，我希望使用 Async/Await，不是 promises，因为稍后我将需要 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 ) is deprecated as @Phil mentioned below.

$(handler) is recommended to use instead. JQuery docs