javascript - Async/Await 与 JQuery 文档 READY

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 文档