การทำงานครั้งเดียวของอีเทอเรเตอร์ใน JavaScript

แต่ละอีเทอเรเตอร์สามารถเข้าร่วมในลูปได้เพียงครั้งเดียวเท่านั้น นี่ค่อนข้างไม่คาดคิด แต่ก็มีเหตุผล - เพราะอีเทอเรเตอร์ที่ทำงานผ่านแล้ว ตั้งค่าคุณสมบัติ done เป็น false ซึ่งหมายความว่ามันไม่สามารถถูกวนซ้ำได้อีก

มาลองตรวจสอบกัน สมมติว่าเรามีเจเนอเรเตอร์ดังต่อไปนี้:

javascriptfunction *func() {
  yield 1;
  yield 2;
  yield 3;
}

สร้างอีเทอเรเตอร์:

javascriptlet iter = func();

วนซ้ำอีเทอเรเตอร์ด้วยลูปเดียว:

javascriptfor (let elem of iter) {
  console.log(elem); // 1, 2, 3
}

ตอนนี้ลองวนซ้ำอีเทอเรเตอร์ ด้วยสองลูป:

javascriptfor (let elem of iter) {
  console.log(elem); // 1, 2, 3
}
for (let elem of iter) {
  console.log(elem); // ไม่ทำงาน
}

เพื่อแก้ไขปัญหานี้ จำเป็นต้องสร้างอีเทอเรเตอร์ใหม่สำหรับแต่ละลูป:

javascriptlet iter1 = func();
for (let elem of iter1) {
  console.log(elem); // 1, 2, 3
}

let iter2 = func();
for (let elem of iter2) {
  console.log(elem); // 1, 2, 3
}

เราสามารถทำให้ง่ายขึ้นได้:

javascriptfor (let elem of func()) {
  console.log(elem); // 1, 2, 3
}

for (let elem of func()) {
  console.log(elem); // 1, 2, 3
}

javascriptfunction *func() {
  for (let i = 1; i <= 3; i++) {
    yield i;
  }
}

let elems = func();

for (let elem of elems) {
  console.log(elem);
}
for (let elem of elems) {
  console.log(elem);
}