javascript - setTimeout 如何防止潜在的 stackoverflow

Question

一个例子:

var list = readHugeList();

var nextListItem = function() {
    var item = list.pop();

    if (item) {
        setTimeout( nextListItem, 0);
        // ^^^^^^^^ this line
    }
};

setTimeout 的使用如何防止此处潜在的 stackoverflow？我了解事件队列和堆栈的概念，但我很难将两者联系起来。

Answer 1

设置超时不会导致堆栈溢出，因为它是异步的。它只会将回调放入事件队列，不会阻塞执行。

第一种情况:

setTimeout 只是将回调放入事件队列，父函数在不占用堆栈的情况下退出。
即使超时为0ms，也会在下一个事件循环中调用，不会阻塞代码执行

var nextListItem = function() {
    var item = list.pop();

    if (item) {
         setTimeout( nextListItem, 0);
    }
};

第二种情况:

父函数调用子函数将新条目放入堆栈，即使父函数没有从堆栈中清除。
最终更多的递归调用会破坏堆栈。

var nextListItem = function() {
        var item = list.pop();
    
        if (item) {        
           nextListItem();
        }
    };