สมัครเรียนโทร. 085-350-7540 , 084-88-00-255 , ntprintf@gmail.com
JavaScript เป็นหนึ่งในภาษาการเขียนโปรแกรมที่ได้รับความนิยมอย่างมาก เนื่องจากความยืดหยุ่นและประสิทธิภาพในการพัฒนาเว็บแอพพลิเคชัน ในบทความนี้ เราจะมาทำความรู้จักกับความสามารถที่ลึกและซับซ้อนขึ้นของ JavaScript ในเรื่องของ Generators และ Iterators ซึ่งเป็นคุณสมบัติที่สำคัญในการจัดการกับลูปและการดำเนินการที่ต้องหยุดชั่วขณะ
#### Iterators คืออะไร?
Iterator คือวัตถุที่อนุญาตให้คุณวนรอบรายการของข้อมูลได้โดยใช้เมธอด `next()` Iterator จะทราบว่าจะดำเนินการอะไรต่อไปผ่านทางเมธอดนี้และคืนค่าในรูปแบบของออบเจกต์ที่มีสองส่วนคือ `value` (ค่าปัจจุบัน) และ `done` (แสดงสถานะถึงว่าจะมีค่าเพิ่มเติมให้ทำการวนส่วนต่อไปหรือไม่)
ตัวอย่างของการใช้งาน Iterator ใน JavaScript:
function makeIterator(array) {
let nextIndex = 0;
return {
next: function() {
return nextIndex < array.length ?
{ value: array[nextIndex++], done: false } :
{ done: true };
}
};
}
const it = makeIterator(['แอปเปิล', 'กล้วย', 'เชอร์รี']);
console.log(it.next().value); // แอปเปิล
console.log(it.next().value); // กล้วย
console.log(it.next().value); // เชอร์รี
console.log(it.next().done); // true
จากตัวอย่างข้างต้น เราสร้างฟังก์ชัน `makeIterator` เพื่อสร้าง iterator จากอาร์เรย์ สิ่งนี้ทำให้เราเข้าใจการทำงานของ iterator ได้อย่างง่ายดาย
#### Generators คืออะไร?
Generators ดูเหมือนจะคล้ายกับฟังก์ชันธรรมดา แต่ powerful มากในแง่ของการควบคุมการดำเนินการ Generators จะให้เราสร้างฟังก์ชันที่สามารถหยุดและทำงานต่อจากจุดที่หยุดไว้ได้ และใช้คีย์เวิร์ด `function*` และ `yield` ในการทำงาน
ตัวอย่างการสร้าง Generator ฟังก์ชัน:
function* idGenerator() {
let id = 0;
while (true) {
yield id++;
}
}
const gen = idGenerator();
console.log(gen.next().value); // 0
console.log(gen.next().value); // 1
console.log(gen.next().value); // 2
จากตัวอย่างข้างต้น `idGenerator` คือ Generator ที่จะเพิ่มค่า `id` ไปเรื่อย ๆ ทุกครั้งที่เรียกใช้ `next()`
#### การเชื่อมต่อการใช้งาน Iterators และ Generators
Generators สามารถใช้ในการสร้าง Iterators ได้ ซึ่งการใช้ร่วมกันนี้ทำให้การหมุนเวียนของข้อมูลและการประมวลผลข้อมูลซับซ้อนเกิดขึ้นได้อย่างง่ายดายและมีประสิทธิภาพ
ตัวอย่างการใช้งานร่วมกัน:
let iterableObj = {
*[Symbol.iterator]() {
yield 'มะนาว';
yield 'ส้ม';
yield 'มะพร้าว';
}
};
for (let fruit of iterableObj) {
console.log(fruit);
}
// มะนาว
// ส้ม
// มะพร้าว
ในตัวอย่างนี้เราใช้ Generators เพื่อกำหนด Iterator โดยใช้ `Symbol.iterator` object ซึ่งช่วยให้เราสามารถใช้การวนลูป `for...of` ได้กับ `iterableObj`
#### ประโยชน์ของการใช้ Generators และ Iterators
1. การจัดลำดับข้อมูลที่ต้องการ: Generators และ Iterators ช่วยให้จัดการกับซีเควนของข้อมูลที่มีขนาดใหญ่หรือไม่ทราบขนาดล่วงหน้าได้อย่างยืดหยุ่น 2. เพิ่มประสิทธิภาพ: ด้วยการใช้ Iterators คุณสามารถทำให้โค้ดของคุณจัดการข้อมูลอย่างประหยัดหน่วยความจำได้มากขึ้น 3. ควบคุมการทำงานได้ดียิ่งขึ้น: Generators อนุญาตให้โปรแกรมหยุดและดำเนินการต่อในช่วงเวลาที่คุณกำหนดเองได้การทำความเข้าใจกับ Generators และ Iterators จะเป็นประโยชน์อย่างยิ่งสำหรับผู้เขียนโปรแกรมที่ต้องการพัฒนาเว็บแอพพลิเคชันที่มีความซับซ้อนหรือทำงานกับข้อมูลขนาดใหญ่ หากคุณสนใจเรียนรู้แนวคิด JavaScript ขั้นสูงเพิ่มเติม EPT (Expert-Programming-Tutor) มีคอร์สที่ออกแบบมาเพื่อพัฒนาและเสริมสร้างทักษะในการเขียนโปรแกรมในหลากหลายระดับ ช่วยให้คุณก้าวสู่การเป็นนักพัฒนามืออาชีพได้มากยิ่งขึ้น
หมายเหตุ: ข้อมูลในบทความนี้อาจจะผิด โปรดตรวจสอบความถูกต้องของบทความอีกครั้งหนึ่ง บทความนี้ไม่สามารถนำไปใช้อ้างอิงใด ๆ ได้ ทาง EPT ไม่ขอยืนยันความถูกต้อง และไม่ขอรับผิดชอบต่อความเสียหายใดที่เกิดจากบทความชุดนี้ทั้งทางทรัพย์สิน ร่างกาย หรือจิตใจของผู้อ่านและผู้เกี่ยวข้อง
หากเจอข้อผิดพลาด หรือต้องการพูดคุย ติดต่อได้ที่ https://m.me/expert.Programming.Tutor/
Tag ที่น่าสนใจ: java c# vb.net python c c++ machine_learning web database oop cloud aws ios android
หากมีข้อผิดพลาด/ต้องการพูดคุยเพิ่มเติมเกี่ยวกับบทความนี้ กรุณาแจ้งที่ http://m.me/Expert.Programming.Tutor
085-350-7540 (DTAC)
084-88-00-255 (AIS)
026-111-618
หรือทาง EMAIL: NTPRINTF@GMAIL.COM
Copyright (c) 2013 expert-programming-tutor.com. All rights reserved. | 085-350-7540 | 084-88-00-255 | ntprintf@gmail.com