JS同步循环没有停止

Question

我在文档中有一个运行功能的按钮，该功能旨在帮助用户在添加到 roblox 的每个用户之间导航。出于某种原因，我的承诺不会等到再次单击按钮，而是在几秒钟内遍历数组中的每个元素。我的代码不多，因为我刚遇到这个错误

HTML

       <div class="buttons">
           <div class="pass" onclick="manager('pass')">
               <img src="../assets/x.png">
           </div>
           <div class="check" onclick="manager('unfriend')">
               <img src="../assets/check.png">
           </div>
       </div>

功能

async function manager(type) {
    let friends = await getUsers();

   for(const user of friends) {
       let friend = await getUser(user.id)

     await (new Promise(((resolve => {
         if(type == 'pass') {
             username.innerText = friend.name;
             profile.src = friend.thumbnail
             return resolve()
         }
         
     }))))

   }
}

Answer 1

if(type == 'pass') 是在评估代码时对type 值的简单测试。

那里没有任何东西会导致它等待type 的值改变。

（当然，Promise 不会让代码等待任何事情：您的 Promise 立即测试 type 的值，然后要么一直处于挂起状态，要么立即分配 innerText 和 @987654326 @ 然后立即解析。Promise 是管理已经异步的代码的工具，它们不能使同步代码异步）

如果你想等待点击一个按钮，那么你需要一个点击事件监听器。