JS 23 - 非同步执行，也是要依序排队！

大家好！

今天我们要实作的静态函式有点像 Promise 的感觉。
我们进入今天的主题吧！

程序码

Felix.queue = function (fns, data) {
    if (!Felix.isArrayLike(fns)) return;
    var i = 0;
    var next = function (data) {
        var fn = fns[i++];
        return fn === fns[fns.length - 1] ? fn(data) : fn(next, data);
    };
    next(data);
};

实测

Felix.queue([
    function (next) {
        console.log(0);
        setTimeout(next, 1000);
    },
    function (next) {
        console.log(1);
        window.addEventListener('click', function listener(e) {
            e.currentTarget.removeEventListener(e.type, listener);
            return next(e);
        });
    },
    function (data) {
        console.log(`You clicked the ${data.target.tagName}.`);
    }
]);

// Log: 0
/* 一秒後 */
// Log: 1
/* 点击後 */
// Log: You clicked the BODY.

执行到第一个函式时，不管点击几次都不会触发事件，因为监听器要等到第二个函式执行时才会被建立。

差不多也到尾声了，接下来我们要介绍的是函式库的静态方法。
如果对文章有任何疑问，也欢迎在下方提问和建议！
我是 Felix，我们明天再见！