在第 n 个 setTimeout 中解决的承诺会导致内存泄漏吗？

Question

我可以在 Chrome 任务管理器中看到，运行以下代码的选项卡占用了越来越多的内存，并且直到 promise 解决后才会释放

更新

这里的主要思想是使用单一的“低级”方法来处理来自服务器的“忙碌”响应。其他方法只是将带有请求数据的 url 路径传递给它并等待有价值的响应。

删除了一些反模式。

var counter = 1

// emulates post requests sent with ... axios
async function post (path, data) {
    let response = (counter++ < 1000) ? { busy: true } : { balance: 3000 }
    return Promise.resolve(response)
}

async function _call (path, data, resolve) {
    let response = await post()

    if (response.busy) {
        setTimeout(() => {
            _call(path, data, resolve)
        }, 10)
        throw new Error('busy')
    }

    resolve(response.balance)
}

async function makePayment (amount) {
    return new Promise((resolve, reject) => {
        _call('/payment/create', {amount}, resolve)
    })
}

async function getBalance () {
    return new Promise((resolve, reject) => {
        _call('/balance', null, resolve)
    })
}

makePayment(500)
    .then(() => {
        getBalance()
            .then(balance => console.log('balance: ', balance))
            .catch(e => console.error('some err: ', e))
    })

Answer 1

您第一次在这里拨打_call()：

async function getBalance () {
    return new Promise((resolve, reject) => {
        _call('/balance', null, resolve)
    })
}

它不会调用resolve回调，它会返回一个被拒绝的promise，因此你在getBalance()中的new Promise()最初不会做任何事情。请记住，由于_call 被标记为async，所以当你抛出时，它会被捕获并变成被拒绝的承诺。

当计时器触发时，它将调用resolve()，这将解决getBalance() 的承诺，但它没有值，因此您无法获得平衡。当你最终调用resolve(response.balance) 时，你已经调用了resolve() 函数，所以它所属的promise 被锁定并且不会改变它的值。

---

正如其他人所说，这段代码有各种各样的问题（很多反模式）。这是一个简化版本，当我在 node.js 或答案中的 sn-p 中运行它时可以使用：

function delay(t, val) {
    return new Promise(resolve => {
        setTimeout(resolve.bind(null, val), t);
    });
}


var counter = 1;

function post() {
    console.log(`counter = ${counter}`);
    // modified counter value to 100 for demo purposes here
    return (counter++ < 100) ? { busy: true } : { balance: 3000 };
}

function getBalance () {

    async function _call() {
        let response = post();

        if (response.busy) {
            // delay, then chain next call
            await delay(10);
            return _call();
        } else {
            return response.balance;
        }
    }

    // start the whole process
    return _call();
}

getBalance()
    .then(balance => console.log('balance: ', balance))
    .catch(e => console.error('some err: ', e))