如何實現一個 LazyMan?

diabloneo 發布于2019-07-25 11:32 / 1269人閱讀

摘要：實現一個，可以按照以下方式調用輸出輸出等待秒輸出輸出等待秒以此類推。這是典型的流程控制，問題的關鍵是如何實現任務的順序執行。

    實現一個LazyMan，可以按照以下方式調用:
    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流程控制，問題的關鍵是如何實現任務的順序執行。在Express有一個類似的東西叫中間件，這個中間件和我們這里的吃飯、睡覺等任務很類似，每一個中間件執行完成后會調用next()函數，這個函數用來調用下一個中間件。

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

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); // 在下一個事件循環啟動任務
}
/* 事件調度函數 */
_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; // 實現鏈式調用
}
_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);
}

GPU云服務器云服務器 LazyMan 實現一個webrtc java實現一個線程用java實現一個線程池

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/38457.html

如何實現一個 LazyMan?

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

frank_fun 2019-06-27 15:34 評論0 收藏0
如何實現一個 LazyMan?

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

tianyu 2019-08-30 15:53 評論0 收藏0
如何實現一個 LazyMan?

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

ernest.wang 2019-08-01 16:24 評論0 收藏0
面試題 LazyMan 的Rxjs實現方式

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

Yuqi 2019-08-23 14:38 評論0 收藏0