Generators tutorial in Advance JavaScript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Generators Advance JavaScript</title>
<link rel="stylesheet" href="">
</head>
<body>
<script>
//Example 1 :
// function* generateit() {
// console.log("First Message");
// yield "Yield No. 1"; //Here Statement will be Pause, To remove the Pause we have to call next() method again as shown below
// console.log("Second Message");
// yield "Yield No. 2";
// yield "Yield No. 3";
// yield "Yield No. 4";
// yield "Yield No. 5";
// }
// let g = generateit();
// // console.log(g.next());
// // console.log(g.next().value); //We can get direct property value
// // g.next();
// // console.log(g.next());
// for (let value of g) {
// console.log(value);
// }
//Example 2 :
// function* generateit() {
// let nextNum = 300;
// while (true) {
// yield (nextNum++);
// }
// }
// let g = generateit();
// console.log(g.next());
// console.log(g.next());
// console.log(g.next());
// console.log(g.next());
// //For getting value we can do as shown below :
// console.log(g.next().value);
// console.log(g.next().value);
// console.log(g.next().value);
//Example 3 :
//we can use for..of loop as shown below :
// function* generateit() {
// let nextNum = 300;
// while(true) {
// yield(nextNum++);
// }
// }
// let g2 = generateit();
// for (let value of g2) {
// if (value > 306) {
// break;
// }
// console.log(value);
// }
//Example 4 :
// function *generateit() {
// let result = (yield) * 10;
// console.log(`Result : ${result}`);
// }
// let g3 = generateit();
// g3.next();
// g3.next(1000);
//Example 5 :
// function *generateit() {
// let yArray = [yield,yield,yield];
// console.log(`Result : ${yArray}`);
// console.log(`Result : ${yArray[2]}`);
// }
// let g4 = generateit();
// g4.next();
// g4.next(500);
// g4.next(600);
// g4.next("Hello World");
// g4.next(800);
// Example 6 :
// function *generateit() {
// yield 55;
// yield ["Node","Flutter","Android", 34, false, true];
// }
// let g5 = generateit();
// console.log(g5.next());
// console.log(g5.next());
// console.log(g5.next());
// Example 7 :
// function *generateit() {
// yield 55;
// yield* ["Node","Flutter","Android",54, false, true];
// }
// let g6 = generateit();
// console.log(g6.next());
// console.log(g6.next());
// console.log(g6.next());
// console.log(g6.next());
// console.log(g6.next());
// console.log(g6.next());
// console.log(g6.next());
// console.log(g6.next());
// //We can get value of above as shown below :
// // console.log(g6.next().value);
// // console.log(g6.next().value);
// // console.log(g6.next().value);
// // console.log(g6.next().value);
// // console.log(g6.next().value);
// // console.log(g6.next().value);
// // console.log(g6.next().value);
// // console.log(g6.next().value);
// Example 8 :
// function* generateit() {
// yield "PHP";
// yield "Node";
// yield "Angular";
// yield "React";
// yield "Flutter";
// yield "Android";
// yield "Oracle";
// }
// let g7 = generateit();
// console.log(g7.next().value);
// console.log(g7.next().value);
// console.log([...g7]);
// Example 9 :
function* generateit() {
yield "PHP";
yield "Node";
yield "Angular";
yield "React";
yield "Flutter";
yield "Android";
yield "Oracle";
}
let g8 = generateit();
console.log(g8.next().value);
console.log(g8.next().value);
console.log(g8.next().value);
console.log(g8.return("Ending Now..."));
console.log([...g8]);
console.log(g8.next().value);
</script>
</body>
</html>.png)
.png)
.png)
.png)
Comments
Post a Comment