#JavaScript

Published: 14 November 2023
on channel: Tiny Frontend - 1 Minute Video Sharing
72
2

🎨✨ Read More ↓ ↓ ↓

A generator function allows you to control the execution and retrieve results in phases.
It is defined using the function * syntax and contains one or more yield expressions.

When a generator function is called, it returns a special generator iterator.
This iterator can be used to control the execution of the generator function.

Now, let's see how is the generator used in the real world.
We're going to use a pagination fetcher generator to implement the infinite loading feature.
When the page scrolls near the end, the JavaScript will fetch the content of next page automatically.

01. Define the fetcher generator.
The generator enters an infinite loop using while.
This loop is intentional because the generator will be paused after each API call.

02. Call the Generator Functions
We set a listener to trigger the iterator for the api fetching without any parameter.

#TinyFrontend #WebDevelopment #frontend #frontenddeveloper #frontenddev #frontenddevelopment #frontendwebdeveloper #frontendengineer #frontendengineering #frontendmasters #generator #javascript #pagination


On this page of the site you can watch the video online #JavaScript with a duration of hours minute second in good quality, which was uploaded by the user Tiny Frontend - 1 Minute Video Sharing 14 November 2023, share the link with friends and acquaintances, this video has already been watched 72 times on youtube and it was liked by 2 viewers. Enjoy your viewing!