小白遇到了 setTimeout 停止的问题

Question

let s, n = 0;

function mainLoop() {

s = setTimeout(function () {

    doSomeThing();

    mainLoop();}, 1000);

}

function doSomeThing() {

n ++;

console.log(n);if (n > 5) {    stop();
}

}

function stop() {

console.log("---stop----")

clearTimeout(s);

}

mainLoop();

上面这段代码为什么执行五次以后不会自动停止啊？

Answer 1

稍微改了一下调用顺序,mainLoop();出现了死循环,你判断之后计时器虽然停了,但方法调用时又重新启动了mainLoop()里的计时器 let s, n = 0;        function mainLoop() {             s = setTimeout(function () {                 doSomeThing();                             }, 1000);         }        function doSomeThing() {             n++;            console.log(n);            if (n > 4) {                 stop();             }else{                 mainLoop();             }         }        function stop() {            console.log("---stop----")             clearTimeout(s);         }         mainLoop();

Answer 2

把这个doSomeThing();拿出来就行，function mainLoop() {             s = setTimeout(function () {                 mainLoop();             }, 1000);             doSomeThing();         }