有些时候,我们需要依赖于异步的返回结果做一些后续处理,until
函数在这种场景下非常有用,你能实现它吗 ? 让我们来试试吧 👇:文章来源地址https://www.toymoban.com/news/detail-793293.html
<script setup lang='ts'>
import { ref,watch } from "vue"
const count = ref(0)
/**
* Implement the until function
*/
function until(initial) {
function toBe(value) {
return new Promise((resolve,reject)=>{
const stop = watch(initial,(val)=>{
if(val === value){
resolve()
stop()
}
})
})
}
return {
toBe,
}
}
async function increase() {
count.value = 0
setInterval(() => {
count.value++
console.log(count.value)
}, 1000)
await until(count).toBe(3)
console.log(count.value === 3) // Make sure the output is true
}
</script>
<template>
<p @click="increase">
Increase22
</p>
</template>
文章来源:https://www.toymoban.com/news/detail-793293.html
到了这里,关于用Promise实现util函数的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!