Async function await 后不触发代码

Question

As you can see in the code snippet below, the code is not executed after await. How can you fix this, what am I doing wrong?

 let allProducts = [{"id": 1},{"id": 2},{"id": 3},{"id": 4},{"id": 5},] function setCurrentProduct(id) { return new Promise(resolve => { for (const product of allProducts) { if (product.id == id) { // localStorage.setItem('currentProduct', JSON.stringify(product)); document.querySelector("#localStorage").innerHTML = "Local Storage Done" } }; }); } async function productDetail(id) { try { await setCurrentProduct(id); document.querySelector("#check").innerHTML = "Done" } catch (error) { console.log(error) } } (function () { productDetail(4); })();

 <span id="check"></span> <span id="localStorage"></span>

Answer 1

you have to resolve it:

return new Promise(resolve => {
        for (const product of allProducts) {
            if (product.id == id) {
                // localStorage.setItem('currentProduct', JSON.stringify(product));
                document.querySelector("#localStorage").innerHTML = "Local Storage Done"
                resolve()
            }
        };
    });