我需要一个在转换完成时返回承诺的元素。下面的代码工作正常，但是，我想知道是否可以用完整的async/await语法重写此代码。
const box = document.querySelector(".box");
const animate = () =>
new Promise((resolve) => {
box.classList.add("animate");
box.addEventListener("transitionend", () => resolve());
});
box.addEventListener(
"click",
async() => {
await animate();
console.log("done animating!");
}, {
once: true
}
);.box {
width: 100px;
height: 100px;
background-color: blue;
transition: width 3s linear;
}
.box.animate {
width: 100%;
}<div class="box"></div>