Javascript Generator: Tìm hiểu qua ví dụ đơn giản 😍

Một tính năng khá là hay trong javascript là Generator. Cùng mình tìm hiểu thông qua các ví dụ đơn giản nhé! 😊

Mình sẽ chia sẻ với các bạn:
✅ Generator là gì?
✅ Generator function là gì? yield có chức năng gì?
✅ Giải thích cách hoạt động của generator và generator function
✅ Tìm hiểu các ví dụ đơn giản để hiểu generator hơn
Hi vọng qua video này, các bạn hiểu được cơ bản generator là gì 😉

Link tham khảo:
———
VIDEO CHAPTERS:
Made by: Jack Do
Cảm ơn bạn nhiều nhé! ❤️
———
0:00 Giới thiệu video
0:45 Generator là gì?
1:22 Cú pháp của Generator function
4:54 VD1: Tạo ID tăng dần
6:27 VD2: Tạo dãy số Fibonaci
8:04 VD3: Tạo biến iterable
9:52 Tài liệu tham khảo

#javascript_generator
#js_generator_function
#javascript

-----
💻 Easy Frontend 🎉

Nơi kiến thức lập trình web frontend (html/css/javascript/reactjs) được chia sẻ một cách đơn giản, dễ hiểu mà đặc biệt là vui 😊 Với những tài liệu (tutorial) được biên soạn một cách kĩ lưỡng để giúp các bạn developer mới có thể nắm bắt vấn đề một cách nhanh chóng và hiệu quả. Từ đó nâng dần khả năng coding của các bạn lên theo thời gian.

❤️ Ủng hộ mình làm videos thì đóng góp qua MoMo/ZaloPay: 0901 309 729 nhé!

Kết nối với mình:

[EasyFrontend]

Cảm ơn các bạn đã xem video của mình!
Hãy đặt câu hỏi bên dưới nếu bạn vẫn còn thắc mắc về Generator nhé! 😊

[maicaotri]

Anh Hậu giải thích đơn giản ngắn gọn, rõ ràng, dễ hiểu, không làm dạy học cũng uổng lắm 😍😁😁😁

[vlogsonnam]

Thích video của anh...giọng dễ nghe, dễ hiểu

[jackdo]

0:00 Giới thiệu
0:45 Generator là gì?
1:22 Cú pháp của Generator function
4:54 VD1: Tạo ID tăng dần
6:27 VD2: Tạo dãy số Fibonaci
8:04 VD3: Tạo biến iterable
9:52 Tài liệu tham khảo

[congangthanh]

đoạn 8.44 cần lưu ý cái for .. of nó chỉ chạy những giá trị bằng gì ấy ạ mình nghe không rõ ạ

[thuannguyenlehoa]

let i = 1
white(true){
const increment = yield i;
console.log(increment)
if(increment !== "null") {
i += increment
}else{
i +=1
}
}
Nếu em .next() lần đầu => value = 1 => increment = undefined. Sau đó .next(3) => increment = 3. Vậy thì cho em hỏi là " Nếu mà .next() chạy theo đúng nguyên tắc gặp Yield là đừng thì lúc này tại sao increment = 3 vậy ạ (mặc dù e hỏi là số 3 là do e truyền vào trong next(3) ). Vậy nếu là chúng ta truyền 1 số nào đó vào thì Yield nó sẽ về số đó đúng k a? Nếu là đúng thì nó đâu có nguyên tắc của next() đâu ạ? ". Em cảm ơn,

[baolyhong]

Lúc trước em học python cũng có yield này, chỉ biết nó next thôi, coi xong clip này đúng là dễ hiểu và hiểu đúng bản chất hoạt động của nó luôn. Tks anh <3

[nguyenphuviet]

mình xin góp ý là dùng generator của es6 thì có thể dùng luôn cú pháp [prev, curr] = [curr, prev + curr] Destructuring Assignment, có thể giới thiệu cho mọi người 1 vài syntax mới của es6 nha

[moonnov]

Thích video về react của a. Thích nhiều nhiều

[tronghieus]

Học generator để coi tiếp redux saga, đầy đủ quá anh Hậu ơi 😆

[tuanlo]

Cảm ơn anh vì những chia sẻ hữu ích này !

[duongquangphong]

Ủng hộ anh nhiệt tình <3. Mong a ra thêm nhiều video về JavaScript.

[baophungchi]

Haizzz. Mốt e phỏng vấn 1 năm kinh nghiệm Reactjs . giờ ngồi ôn lại mấy cái kiến thức . A Chúc e may mắn đi a =)))

[giango]

Sẵn ra series về redux-saga luôn anh ơi !

[nhungieuhaytv]

anh ơi cái này khá giống khái niệm của hàm trong python

[kienam]

Anh Hậu cho em hỏi ạ, giả dụ như em có một teample html, css, js khi chia component trong react thì file js kia. Mình sử lý làm sao anh ạ. Chuyển nó sang prop, state hay là import vô index.html trong thư mục public ? Còn một câu em muốn hỏi trong file code reactjs em có nên thao tác với DOM thật ví dụ như getElementByID... Được không anh ạ

[ienngongoc]

Anh mới em mới học reactjs được cơ bản về props, state. Sau đó em nên học redux hay react hook anh ạ. Mong anh tư vấn giúp em với

[quantranhong]

Hi a. A có thể làm 1 vài video chỉ cách học babel cơ bản được không ạ?

[dungduong]

anh ơi, cấu trúc thư mục route-dom cho project gồm page người dùng và page admin thì làm như thế nào ạ

[dangtran]

Generator này ứng dụng ntn ngoài thực tế v bạn, với những tình huống cụ thể trong business