javascript - 一道面试题，大家看过来

Question

实现这样子的函数

person('tom')
// 输出 hi tom

person('tom').getup('洗刷刷')
// 输出 hi tom
// 输出 tom getup and 洗刷刷

person('tom').before('嘘嘘').getup('洗刷刷')
// 输出 tom 嘘嘘
// 输出 hi tom 
// 输出 tom 嘘嘘 getup and 洗刷刷

问 用什么来实现？？
面试官说，涉及到异步，队列什么的~~~

Answer 1

就是一个流程控制啊，就像lazyMan，可以看这个http://www.cnblogs.com/Upton/...

Answer 2

我猜你要的是这个 下面展示一个原理 代码结构很简单

有一个执行队列jobs 调用before的时候把内容加到队列头部 调用getup的时候把内容加到尾部

基本原理就是利用setTimeout 时间设置为0 setTimeout里面的函数 要在当前运行环境所有东西运行完之后才会执行

所以我在怀疑题主的第三个例子里 第三行又输出一次嘘嘘 是不是笔误

不过就算不是笔误 也没事 按照这个原理想怎么改就怎么改 多次调用也不是问题

function person(name){
    var self = {};
    self.jobs = ["hi " + name];
    self.before = function(s){
        self.jobs.unshift(name + " " + s);
        return this;
    }
    self.getup = function (s){
        self.jobs.push("getup and " + s);
        return this;
    }
    setTimeout(function(){console.log(self.jobs)}, 0)
    return self;
}

Answer 3

雷雷

Answer 4

参考 promise 实现过程