setTimeout 监听请求是否加载完毕并设置最大次数

直接上代码

var orgComponent = ''
var maxCount = 10  // 最多执行次数
// 定时，假设2s之后组件加载完成
setTimeout(()=>{
    orgComponent =  '123'
    console.log('组件加载OK')
},2000)
var updateSome = (countTime)=>{
    if(countTime > maxCount) return
    if(!orgComponent){
        console.log('循环',countTime)
        setTimeout(()=>{
            updateSome(++countTime)
        },500)
        return
    }
    console.log('可以获取组件,进行操作')
}

结果：

timeOut:9 循环 1
timeOut:9 循环 2
timeOut:9 循环 3
timeOut:9 循环 4
timeOut:4 组件加载OK
timeOut:15 可以获取组件,进行操作

之前的错误

下面的代码是最初写的，然后就一直死循环。

var updateSome = (countTime)=>{
    if(countTime > maxCount) return
    if(!orgComponent){
        console.log('循环',countTime)
        setTimeout( updateSome(++countTime),500)
        return
    }
    console.log('可以获取组件,进行操作')
}

原因你可能也看出来了，setTimeout( updateSome(++countTime),500) 乍一看好像没什么问题，但是实际上，这个setTimeout并没有生效。updateSome是直接执行的。正确的函数写法是：（但这种直接调用的方式没法传参，所以还是写函数吧）

setTimeout("updateSome()",500 ); 

原因

setTimeout的第一个参数是个函数，js的执行机制是把函数里面的内容放到任务队列中等待，条件触发后执行。

在setTimeout( updateSome(++countTime),500) 中是直接执行了updateSome这个函数，这个updateSome是主进程执行的，而之前2s的定时器是在任务队列中的，要等主进程完全执行完之后才会执行，所以两个判断均无效，才导致死循环……

总结

不能偷懒，复制也要动动脑啊！！！