實現函數LazyMan,使得:
LazyMan("Hank"); 輸出
Hi Hank!
LazyMan("Hank").eat("dinner");輸出
Hi Hank!
Eat dinner!
LazyMan("Hank").sleep(5).eat("dinner"); 輸出
Hi Hank!
//等待五秒
Eat dinner!
LazyMan("Hank").sleepFirst(5).eat("dinner");輸出
//等待五秒
Hi Hank!
Eat dinner!
實現代碼:
function LazyMan(name) { lp.taskList.push("Hi " + name + "!"); return lp.exe(); } var lp = LazyMan.prototype; lp.taskList = []; lp.eat = function(v) { lp.taskList.push("Eat " + v + "!"); return lp.exe(); } lp.sleep = function(t) { lp.taskList.push("sleep " + t); return lp.exe(); } lp.sleepFirst = function(t) { lp.taskList.unshift("sleep " + t); return lp.exe(); } lp.taskStart = false; lp.exe = function() { var that = this; if(!lp.taskStart) { lp.taskStart = true; setTimeout(function() { doTask(lp.taskList); that.taskList = []; }, 0); } return lp; } function doTask(taskList) { if(taskList.length) { var task = taskList.shift(); if(task.indexOf("sleep") !== -1) { var match = task.split(" "); var t = parseInt(match[1]); setTimeout(function(){ doTask(taskList); }, t * 1000); } else { console.log(task); doTask(taskList); } } } // LazyMan("Hank"); // LazyMan("Hank").eat("dinner"); // LazyMan("Hank").sleep(5).eat("dinner"); LazyMan("Hank").sleepFirst(5).eat("dinner");
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/88183.html
摘要:首先我們來講這個棧在中,每當有函數被執行的時候都會在當前的執行堆棧中創建一個新的堆棧幀,并放到棧頂。因為是鏈式調用,所以代碼一直在同一個作用于中執行,也就是說當前的堆棧幀一直沒有被移出棧。 前言 前幾天在稀土上看到一篇面試的帖子,里面微信有一道題是lazyman的實現,具體要做的事情就是 LazyMan(Hank) //Hi! This is Hank! LazyMan(Hank)....
摘要:實現一個,可以按照以下方式調用輸出輸出等待秒輸出輸出等待秒以此類推。這是典型的流程控制,問題的關鍵是如何實現任務的順序執行。 實現一個LazyMan,可以按照以下方式調用: LazyMan(Hank)輸出: Hi! This is Hank! LazyMan(Hank).sleep(10).eat(dinner)輸出 Hi! This is H...
摘要:實現一個,可以按照以下方式調用輸出輸出等待秒輸出輸出等待秒以此類推。這是典型的流程控制,問題的關鍵是如何實現任務的順序執行。 實現一個LazyMan,可以按照以下方式調用: LazyMan(Hank)輸出: Hi! This is Hank! LazyMan(Hank).sleep(10).eat(dinner)輸出 Hi! This is H...
摘要:只需要返回對象本身就可以了。這里只實現一個示例實現鏈式調用從隊列頭部插入最后一步封裝還有一個大家可以來試一試。如果有想法的話歡迎提出大家交流一下 ES5實現LazyMan lazyman主要原理是: 需要一個隊列保存將要用到的事件 利用閉包將事件保存至隊列中 創建一個中間件next用來觸發事件 鏈式調用 使用lazyman需要實現的場景: LazyMan(Tom); // my n...
閱讀 1353·2023-04-25 23:47
閱讀 929·2021-11-23 09:51
閱讀 4483·2021-09-26 10:17
閱讀 3729·2021-09-10 11:19
閱讀 3268·2021-09-06 15:10
閱讀 3557·2019-08-30 12:49
閱讀 2437·2019-08-29 13:20
閱讀 1743·2019-08-28 18:14