手写 lazyman 支持链式调用

LazyMan 是一个 JavaScript 库，它允许你以链式调用的方式来编写异步代码。这种方式可以使你的代码更加清晰和易于理解。以下是一些基本的 LazyMan 用法：

创建一个 LazyMan 实例：你可以通过调用 LazyMan(name) 来创建一个新的 LazyMan 实例，其中 name 是你想要打印的名字。

LazyMan("Hank");

这将会立即打印出 "Hi! This is Hank!"。

链式调用：你可以通过.操作符来链式调用 LazyMan 的方法。例如：

LazyMan("Hank").eat("dinner");

这将会依次打印出 "Hi! This is Hank!" 和 "Eat dinner~"。

异步操作：你可以使用 sleep(time) 方法来让 LazyMan 在一段时间后执行下一个操作。例如：

LazyMan("Hank").sleep(10).eat("dinner");

这将会首先打印出 "Hi! This is Hank!"，然后等待10秒后打印 "Wake up after 10s!"，最后打印 "Eat dinner~"。

以下是一个简单的 LazyMan 示例，请注意，这是一个基础的实现，实际的 LazyMan 库可能会有更多的功能和更复杂的实现。

var LazyManClass = function (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); // 在下一个事件循环启动任务
};


/* 事件调度函数 */
LazyManClass.prototype.next = function () {
  var fn = this.tasks.shift();
  fn && fn();
};


LazyManClass.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; // 实现链式调用
};


LazyManClass.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; // 实现链式调用
};


/* 封装成全局函数 */
function LazyMan(name) {
  return new LazyManClass(name);
}


// 调用
LazyMan('Hank').sleep(10).eat('dinner');