成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

如何實現(xiàn)一個 LazyMan?

diabloneo / 1277人閱讀

摘要：實現(xiàn)一個，可以按照以下方式調(diào)用輸出輸出等待秒輸出輸出等待秒以此類推。這是典型的流程控制，問題的關(guān)鍵是如何實現(xiàn)任務(wù)的順序執(zhí)行。

    實現(xiàn)一個LazyMan，可以按照以下方式調(diào)用:
    LazyMan(“Hank”)輸出:
    Hi! This is Hank!

    LazyMan(“Hank”).sleep(10).eat(“dinner”)輸出
    Hi! This is Hank!
    //等待10秒..
    Wake up after 10
    Eat dinner~

    LazyMan(“Hank”).eat(“dinner”).eat(“supper”)輸出
    Hi This is Hank!
    Eat dinner~
    Eat supper~

    LazyMan(“Hank”).sleepFirst(5).eat(“supper”)輸出
    //等待5秒
    Wake up after 5
    Hi This is Hank!
    Eat supper

    以此類推。

這是典型的JavaScript流程控制，問題的關(guān)鍵是如何實現(xiàn)任務(wù)的順序執(zhí)行。在Express有一個類似的東西叫中間件，這個中間件和我們這里的吃飯、睡覺等任務(wù)很類似，每一個中間件執(zhí)行完成后會調(diào)用next()函數(shù)，這個函數(shù)用來調(diào)用下一個中間件。

對于這個問題，我們也可以利用相似的思路來解決，首先創(chuàng)建一個任務(wù)隊列，然后利用next()函數(shù)來控制任務(wù)的順序執(zhí)行：

function _LazyMan(name) {
    this.tasks = [];   
    var self = this;
    var fn =(function(n){
        var name = n;
        return function(){
            console.log("Hi! This is " + name + "!");
            self.next();
        }
    })(name);
    this.tasks.push(fn);
    setTimeout(function(){
        self.next();
    }, 0); // 在下一個事件循環(huán)啟動任務(wù)
}
/* 事件調(diào)度函數(shù) */
_LazyMan.prototype.next = function() { 
    var fn = this.tasks.shift();
    fn && fn();
}
_LazyMan.prototype.eat = function(name) {
    var self = this;
    var fn =(function(name){
        return function(){
            console.log("Eat " + name + "~");
            self.next()
        }
    })(name);
    this.tasks.push(fn);
    return this; // 實現(xiàn)鏈式調(diào)用
}
_LazyMan.prototype.sleep = function(time) {
    var self = this;
    var fn = (function(time){
        return function() {
            setTimeout(function(){
                console.log("Wake up after " + time + "s!");
                self.next();
            }, time * 1000);
        }
    })(time);
    this.tasks.push(fn);
   return this;
}
_LazyMan.prototype.sleepFirst = function(time) {
    var self = this;
    var fn = (function(time) {
        return function() {
            setTimeout(function() {
                console.log("Wake up after " + time + "s!");
                self.next();
            }, time * 1000);
        }
    })(time);
    this.tasks.unshift(fn);
    return this;
}
/* 封裝 */
function LazyMan(name){
    return new _LazyMan(name);
}

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/38457.html

相關(guān)文章

  • 如何實現(xiàn)一個 LazyMan?

    摘要：實現(xiàn)一個，可以按照以下方式調(diào)用輸出輸出等待秒輸出輸出等待秒以此類推。這是典型的流程控制，問題的關(guān)鍵是如何實現(xiàn)任務(wù)的順序執(zhí)行。 實現(xiàn)一個LazyMan，可以按照以下方式調(diào)用: LazyMan(Hank)輸出: Hi! This is Hank! LazyMan(Hank).sleep(10).eat(dinner)輸出 Hi! This is H...

    frank_fun 評論0 收藏0

  • 如何實現(xiàn)一個 LazyMan?

    摘要：實現(xiàn)一個，可以按照以下方式調(diào)用輸出輸出等待秒輸出輸出等待秒以此類推。這是典型的流程控制，問題的關(guān)鍵是如何實現(xiàn)任務(wù)的順序執(zhí)行。 實現(xiàn)一個LazyMan，可以按照以下方式調(diào)用: LazyMan(Hank)輸出: Hi! This is Hank! LazyMan(Hank).sleep(10).eat(dinner)輸出 Hi! This is H...

    tianyu 評論0 收藏0

  • 如何實現(xiàn)一個 LazyMan?

    摘要：實現(xiàn)一個，可以按照以下方式調(diào)用輸出輸出等待秒輸出輸出等待秒以此類推。這是典型的流程控制，問題的關(guān)鍵是如何實現(xiàn)任務(wù)的順序執(zhí)行。 實現(xiàn)一個LazyMan，可以按照以下方式調(diào)用: LazyMan(Hank)輸出: Hi! This is Hank! LazyMan(Hank).sleep(10).eat(dinner)輸出 Hi! This is H...

    ernest.wang 評論0 收藏0

  • 面試題 LazyMan 的Rxjs實現(xiàn)方式

    摘要：前言筆者昨天在做某公司的線上筆試題的時候遇到了最后一道關(guān)于如何實現(xiàn)的試題，題目如下實現(xiàn)一個，可以按照以下方式調(diào)用輸出輸出等待秒輸出輸出等待秒以此類推。 前言 筆者昨天在做某公司的線上筆試題的時候遇到了最后一道關(guān)于如何實現(xiàn)LazyMan的試題，題目如下 實現(xiàn)一個LazyMan，可以按照以下方式調(diào)用:LazyMan(Hank)輸出:Hi! This is Hank!LazyMan(Hank...

    Yuqi 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<