为什么在这里使用setTimeout函数？

Question

以下代码摘自对于初学者的JavaScript设计模式必备。 为什么在这里使用setTimeout函数？

var pubsub = {};
(function(q) {

    var topics = {},
        subUid = -1;

    q.publish = function(topic, args) {

        if (!topics[topic]) {
            return false;
        }

        setTimeout(function() {
            var subscribers = topics[topic],
                len = subscribers ? subscribers.length : 0;

            while (len--) {
                subscribers[len].func(topic, args);
            }
        }, 0);

        return true;

    };

    q.subscribe = function(topic, func) {

        if (!topics[topic]) {
            topics[topic] = [];
        }

        var token = (++subUid).toString();
        topics[topic].push({
            token: token,
            func: func
        });
        return token;
    };

    q.unsubscribe = function(token) {
        for (var m in topics) {
            if (topics[m]) {
                for (var i = 0, j = topics[m].length; i < j; i++) {
                    if (topics[m][i].token === token) {
                        topics[m].splice(i, 1);
                        return token;
                    }
                }
            }
        }
        return false;
    };
}(pubsub));

- Ben Aston

---

相关问题 https://dev59.com/KFTTa4cB1Zd3GeqPuaqC - Ben Aston

Answer 1

这种方式使得publish函数立即返回，以某种方式调度给定的代码块以稍后执行（异步执行）。

看起来它会通知一群监听器，因此作者想要稍后运行通知循环，而不是阻塞publish代码。还要注意的是，客户端代码不需要通知的结果（如果有的话）。

一个副作用是，如果订阅者中有一个抛出异常，则不会影响publish方法（不同的调用堆栈）。

也许它不是惯用语，但在JavaScript中它是相当常见的模式。有时它也用于让其他事件/超时运行 - 特别是在非常长的运行函数中。

- Tomasz Nurkiewicz

---

谢谢。那么，提供给 setTimeout 的函数会在不同的线程上运行吗？ - Ben Aston

由于ECMAscript是单线程的，这是否仅允许UI线程在发布函数执行其工作之前喘口气？如果是这样，那么我是否应该期望在while(len--)循环中也看到setTimeout被用来缓解潜在的长时间运行的通知过程？ - Ben Aston

@Ben：我从未见过这样的模式。请注意，JavaScript 大多是异步的（例如 AJAX），长时间阻塞的函数并不经常出现。 - Tomasz Nurkiewicz

@Tomasz 谢谢你的帮助。你说异步，但是考虑到JS运行在浏览器UI线程上，如果我调用一个计数到一亿的方法，那肯定会阻塞UI（即调用是同步的）？ - Ben Aston

@Ben：是的，你甚至可以同步调用AJAX，这可能会导致整个用户界面冻结几秒钟... - Tomasz Nurkiewicz