函数的链式调用实现Man().sleep().eat()

let index = 0;
let stack = [];
function next() {
let fn = stack[index];
index++;
if(typeof fn === 'function'){
fn();
}
}
function fn1() {
console.log(1)
next()
}
function fn2() {
setTimeout(function() {
console.log(2)
next()
},0)
 
}
function fn3() {
console.log(3)
next()
}

// stack.push(fn1)
// stack.push(fn2)
// stack.push(fn3)
function Man(name) {
stack.push(function(){
console.log(name);
next();
})
}
var LazyMan = function(name) {
return new Man(name)
}
Man.prototype.sleep = function(time){
 
stack.push(function(){
setTimeout(function() {
console.log(time + '秒')
next()
},time *1000)
})
return this;
}
Man.prototype.eat = function(food){
 
stack.push(function(){
console.log('eat '+food)
next();
})
return this;
}
Man.prototype.sleepFirst = function(time){
stack.unshift(function(){
setTimeout(function() {
console.log('wake up after '+ time + '秒')
next()
},time *1000)
})
return this;
}

// LazyMan('Hank')

/* 输出:

Hi! This is Hank!

*/

// LazyMan('Hank').sleep(1).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(2).eat('“supper”')

/* 等待5秒,输出

Wake up after 5

Hi This is Hank!

Eat supper

*/
// console.log(stack[0]())
next()

转载于:https://www.cnblogs.com/hellobeen/p/been101.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值