問(wèn)題描述

實(shí)現(xiàn)這樣子的函數(shù)

person(’tom’)// 輸出 hi tomperson(’tom’).getup(’洗刷刷’)// 輸出 hi tom// 輸出 tom getup and 洗刷刷person(’tom’).before(’噓噓’).getup(’洗刷刷’)// 輸出 tom 噓噓// 輸出 hi tom // 輸出 tom 噓噓 getup and 洗刷刷

問(wèn) 用什么來(lái)實(shí)現(xiàn)？？面試官說(shuō)，涉及到異步，隊(duì)列什么的~~~

問(wèn)題解答

就是一個(gè)流程控制啊，就像lazyMan，可以看這個(gè)http://www.cnblogs.com/Upton/...

我猜你要的是這個(gè) 下面展示一個(gè)原理 代碼結(jié)構(gòu)很簡(jiǎn)單

有一個(gè)執(zhí)行隊(duì)列jobs 調(diào)用before的時(shí)候把內(nèi)容加到隊(duì)列頭部 調(diào)用getup的時(shí)候把內(nèi)容加到尾部

基本原理就是利用setTimeout 時(shí)間設(shè)置為0 setTimeout里面的函數(shù) 要在當(dāng)前運(yùn)行環(huán)境所有東西運(yùn)行完之后才會(huì)執(zhí)行

所以我在懷疑題主的第三個(gè)例子里 第三行又輸出一次噓噓 是不是筆誤

不過(guò)就算不是筆誤 也沒(méi)事 按照這個(gè)原理想怎么改就怎么改 多次調(diào)用也不是問(wèn)題

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;}

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; }

參考 promise 實(shí)現(xiàn)過(guò)程