一道面试题，大家看过来

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

function person(name){
    setTimeout(() => console.log(`hi ${name}`)); 

    this.name = name; 

    this.before = before_todo => {
        this.before_todo = before_todo; 
        console.log(`${this.name} ${before_todo}`); 
        return this; 
    }

    this.getup = getup_todo => {
        setTimeout(() => {
            var str = this.name; 
            if (this.before_todo) str += ' ' + this.before_todo; 
            str += (' getup and ' + getup_todo); 
            console.log(str); 
        }); 

        return this; 
    }

    return this; 
}

Answer 4

参考 promise 实现过程