JS实现lazyMan

最新推荐文章于 2023-01-11 18:52:28 发布

izwell

最新推荐文章于 2023-01-11 18:52:28 发布

阅读量584

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： LazyMan

本文链接：https://blog.youkuaiyun.com/MessageBox_/article/details/86607894

javascript 专栏收录该内容

47 篇文章

订阅专栏

这篇博客探讨了如何使用JavaScript来实现LazyMan，一个有趣的编程题目。虽然表面看起来简单，但在实际编码过程中发现具有一定挑战性。作者分享了具体的实现方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天看到一个有意思的题目，使用JS实现LazyMan
具体效果如下：

LazyMan('xx');
// Hello  xx
LazyMan('xx').eat('dinner');
//Hello xx
// Eat dinner ~~
LazyMan('xx').sleep(3000).eat('dinner');
//Hello xx
//Sleep 3000 ~~~
// Eat dinner ~~
LazyMan('xx').sleep(3000).eat('dinner').sleepFirst(2000);
//FirstSleep  2000 ~~~
//Hello xx
//Sleep 3000 ~~~
// Eat dinner ~~

看似很简单，实际实现起来还是有点意思的，下面给出具体实现


function LazyMan( name ){
	return new _lazyMan( name )
}

function _lazyMan(name){
	this.task = [];
	var fn = (name=>{
		return  ()=>{
			console.log(`Hello  ${name}`);
			this.next()
		}
	})(name);
	
	this.task.push(fn);
	setTimeout( ()=>{
		this.next();
	}, 0)
}	

_lazyMan.prototype = {
	next: function(){
		var fn = this.task.shift();
		fn && fn();
	},
	eat: function(food){
		var fn = (food=>{
			return ()=>{
				console.log(`Eat ${food}`);
				this.next();
			}
		})(food);
		this.task.push(fn);
		return this;
	},
	sleep: function(time){
		var fn = (time=>{
			return ()=>{
				console.log(`Sleep ${time}`);
				setTimeout(()=>{
					this.next();
				}, time);								
			}
		})(time);
		this.task.push(fn);
		return this;
	},
	sleepFirst: function(time){
		var fn = (time=>{
			return ()=>{
				console.log(`FirstSleep ${time}`);
				setTimeout(()=>{
					this.next();
				}, time);								
			}
		})(time);
		this.task.unshift(fn);
		return this;
	}
}

// LazyMan('Hack');

// LazyMan('Hack').eat('dinner');

// LazyMan('Hack').sleep(2000).eat('dinner').sleepFirst(3000);

LazyMan("Joe").sleepFirst(3000).eat("breakfast").sleep(1000).eat("dinner");