js关于for循环实现线程休眠效果的问题

因为对接集成硬件需要遇到需要在for循环中实现休眠效果，以前遇到过类似问题，当时想到用setTimeout发现js不支持会得到有意思的结果参考如下

function test(){
        for(let i = 0; i<10; i++){
            setTimeout(function(){
                console.log(i);
            },1000)
        }
        }

执行后会是一秒后打印10个10，当时主要需要解决异步问题，后来用promise解决，但本次对接又无法修改硬件控件代码，在网上找到的方法如下

//参数n为休眠时间，单位为毫秒:
        function sleep(n) {
            var start = new Date().getTime();
            //  console.log('休眠前：' + start);
            while (true) {
                if (new Date().getTime() - start > n) {
                    break;
                }
            }
            // console.log('休眠后：' + new Date().getTime());
        }

 

在for循环中调用sleep可以实现休眠效果，但是会一直占用资源，后来想到用递归是不是也能实现类似的效果呢，代码如下

// 调用时触发  初始值传参为0
function test(i) {
            if (i < 10) {
                console.log(i);
                setTimeout(function() {
                    test(i + 1);
                }, 1000)
            }
        }

使用递归可以实现同样的效果，测试对cpu占用率也不高，对本次需求来说是较为好的解决方案。