generator函数的应用

最新推荐文章于 2025-05-17 08:23:50 发布

Lpd_Reason

最新推荐文章于 2025-05-17 08:23:50 发布

阅读量515

点赞数

分类专栏：前端基础（js，css，html，jquery及es标准）

前端基础（js，css，html，jquery及es标准）专栏收录该内容

44 篇文章

订阅专栏

本文探讨了在JavaScript中使用Generator函数替代Promise进行异步操作的方法，通过yield关键字简化了多步骤异步任务的处理流程。同时，文章介绍了如何为对象部署iterator方法，以增强对象的迭代能力。

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

（1）取代promise的异步操作

promise的方法：

Promise.resolve(step1)
  .then(step2)
  .then(step3)
  .then(step4)
  .then(function (value4) {
    // Do something with value4
  }, function (error) {
    // Handle any error from step1 through step4
  })
  .done();

generator的方法：

function* longRunningTask(value1) {
  try {
    var value2 = yield step1(value1);
    var value3 = yield step2(value2);
    var value4 = yield step3(value3);
    var value5 = yield step4(value4);
    // Do something with value4
  } catch (e) {
    // Handle any error from step1 through step4
  }
}

（2）为对象部署iterator方法

function* iterEntries(obj) {
  let keys = Object.keys(obj);
  for (let i=0; i < keys.length; i++) {
    let key = keys[i];
    yield [key, obj[key]];
  }
}

let myObj = { foo: 3, bar: 7 };

for (let [key, value] of iterEntries(myObj)) {
  console.log(key, value);
}

// foo 3
// bar 7

参考：https://www.cnblogs.com/zczhangcui/p/6516981.html