Maison interface Web js tutoriel Explication détaillée de l'utilisation des générateurs Javascript dans les astuces Node.js_javascript

Explication détaillée de l'utilisation des générateurs Javascript dans les astuces Node.js_javascript

May 16, 2016 pm 03:01 PM
generators javascript node.js

Les générateurs sont un style coroutine (coroutine en abrégé : coroutine) de Javascript. Ils font référence à des fonctions qui peuvent être mises en pause puis reprises pendant l'exécution. La fonction est dans les fonctions avec un astérisque tel que fonction*, fonction Il y a. quelques mots-clés caractéristiques tels que rendement et rendement*.

function* generatorFn () {

 console.log('look ma I was suspended')

}

var generator = generatorFn() // [1]

setTimeout(function () {

 generator.next() // [2]

}, 2000)
Copier après la connexion

Les [1] et [2] marqués dans le code sont expliqués comme suit :

1. Il s'agit d'un générateur démarré en mode pause. Il n'y a pas de sortie de console pour le moment.

2. En appelant sa méthode next(), ce générateur s'exécutera et s'exécutera jusqu'à ce qu'il rencontre le prochain mot-clé rendement ou retour. Nous avons maintenant la sortie de la console.

Regardez un autre cas :

function *generator() {

 console.log('Start!');

 var i = 0;

 while (true) {

  if (i < 3)

   yield i++;

 }

}
var gen = generator();
Copier après la connexion

Le code ci-dessus est similaire au premier, sauf que le mot-clé rendement est ajouté à la fonction du générateur. Lorsque le code ci-dessus est appelé, il ne sera pas exécuté immédiatement, mais sera suspendu et en veille, donc il y en aura. il n'y aura pas de sortie de démarrage. Il n’est exécuté qu’à son appel next().

var ret = gen.next();

// Start!

console.log(ret);

// {value: 0, done: false}
Copier après la connexion

Le ret ci-dessus est le résultat du générateur. Il a deux attributs :

■valeur, la valeur de rendement dans la fonction génératrice,

■ terminé, il s'agit d'un indicateur indiquant si la fonction génératrice revient.

Le code de suite est le suivant :

console.log(gen.next());

// {value: 1, done: false}

console.log(gen.next());

// {value: 2, done: false}

console.log(gen.next());

// {value: undefined, done: true}
Copier après la connexion

Generator n'a pas de mystère dans la programmation synchrone et est particulièrement adapté à la programmation asynchrone.

Le

le générateur a deux caractéristiques :

1. Vous pouvez choisir de quitter une fonction et laisser le code externe décider quand revenir à cette fonction pour continuer l'exécution.
2. Possibilité d'effectuer un contrôle asynchrone.

Regardez le code d'exécution asynchrone ci-dessous :

var gen = generator();

console.log(gen.next().value);

setTimeout(function() {

 console.log(gen.next().value);

 console.log('第一步');

}, 1000);

console.log('第二步');
Copier après la connexion

Le résultat est :

0
Étape 2
1
La première étape

En d'autres termes, vous n'attendrez pas la fin du timer dans setTimeout, mais passerez directement à la "deuxième étape" et ne serez pas bloqué dans setTimeout.

Regardez un autre morceau de code :

function* channel () {

 var name = yield 'hello, what is your name&#63;' // [1]

 return 'well hi there ' + name

}

var gen = channel()

console.log(gen.next().value) // hello, what is your name&#63; [2]

console.log(gen.next('billy')) // well hi there billy [3]
Copier après la connexion

Vous pouvez également utiliser *:
lors de la traversée

function* iter () {

 for (var i = 0; i < 10; i++) yield i

}

for (var val of iter()) {

 console.log(val) // outputs 1&#63;—&#63;9

}
Copier après la connexion

Malentendus courants

Puisque je peux suspendre l'exécution d'une fonction, dois-je les laisser s'exécuter en parallèle ? Non, car Javascript est monothread et si vous cherchez à améliorer les performances, les générateurs ne sont pas votre tasse de thé.

Par exemple, le code suivant exécute respectivement les nombres de Fibonacci :

function fib (n) {

 var current = 0, next = 1, swap

 for (var i = 0; i < n; i++) {

  swap = current, current = next

  next = swap + next

 }

 return current

}

 

function* fibGen (n) {

 var current = 0, next = 1, swap

 for (var i = 0; i < n; i++) {

  swap = current, current = next

  next = swap + next

  yield current

 }

}
Copier après la connexion

Les résultats de performance sont les suivants : (plus il est élevé, mieux c'est)

résultats :
régulier 1263899
générateur 37541

Les générateurs brillent

Les générateurs peuvent simplifier la complexité des fonctions en JavaScript.

Tâche paresseuse

Bien que l'affectation paresseuse puisse être implémentée à l'aide des fermetures JS, l'utilisation de rendement la simplifiera grandement. En faisant une pause et en reprenant, nous pouvons obtenir la valeur lorsque nous en avons besoin. Par exemple, la fonction fibGen ci-dessus peut l'extraire lorsque nous en avons besoin. Nouvelle valeur :

var fibIter = fibGen(20)

var next = fibIter.next()

console.log(next.value)

setTimeout(function () {

 var next = fibIter.next()

 console.log(next.value)

},2000)

当然还使用for循环:依然是懒赋值

for (var n of fibGen(20) {

 console.log(n)

}
Copier après la connexion

Séquence infinie

Comme l'affectation paresseuse est possible, il est possible d'effectuer certaines astuces Haskell, similaires aux séquences infinies. Ici, vous pouvez produire un nombre infini de séquences.

function* fibGen () {

 var current = 0, next = 1, swap

 while (true) {

  swap = current, current = next

  next = swap + next

  yield current

 }

}
Copier après la connexion

Regardons l'affectation paresseuse d'un flux de nombres de Fibonacci et demandons-lui de renvoyer le premier nombre de Fibonacci après 5000 :

for (var num of fibGen()) {

 if (num > 5000) break

}

console.log(num) // 6765
Copier après la connexion

Contrôle de processus asynchrone

Utilisez des générateurs pour implémenter un contrôle de processus asynchrone. Les plus courants sont divers packages de bibliothèques de promesses. Alors, comment ça marche ?

Dans le domaine de Node, tout est lié aux rappels, qui sont nos fonctions asynchrones de bas niveau. Nous pouvons utiliser des générateurs pour établir un canal de communication et écrire du code asynchrone en utilisant un style de programmation synchrone.

run(function* () {

 console.log("Starting")

 var file = yield readFile("./async.js") // [1]

 console.log(file.toString())

})
Copier après la connexion

Le commentaire 1 indique que le programme attendra qu'async.js renvoie le résultat avant de continuer.

Genify est un framework qui introduit les générateurs dans l'environnement de programmation normal. Il est utilisé comme suit :

npm install genify pour installer, le code est le suivant :

var Q = require('q');

var fs = require('fs');

var genify = require('genify');

 

// wrap your object into genify function

var object = genify({

 concatFiles: function * (file1, file2, outFile) {

  file1 = yield Q.nfcall(fs.readFile, file1);

  file2 = yield Q.nfcall(fs.readFile, file2);

  var concated = file1 + file2;

 

  yield Q.nfcall(fs.writeFile, outFile, concated);

 

  return concated;

 }

});

 

// concatFiles是一个generator函数,它使用generator强大能力。

object.concatFiles('./somefile1.txt', './somefile2.txt', './concated.txt').then(function (res) {

 // do something with result

}, function (err) {

 // do something with error

});
Copier après la connexion

L'explication détaillée ci-dessus de l'utilisation des générateurs Javascript dans Node.js est tout le contenu partagé par l'éditeur. J'espère qu'elle pourra vous donner une référence et j'espère que vous soutiendrez Script Home.

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment mettre en œuvre un système de reconnaissance vocale en ligne à l'aide de WebSocket et JavaScript Comment mettre en œuvre un système de reconnaissance vocale en ligne à l'aide de WebSocket et JavaScript Dec 17, 2023 pm 02:54 PM

Comment utiliser WebSocket et JavaScript pour mettre en œuvre un système de reconnaissance vocale en ligne Introduction : Avec le développement continu de la technologie, la technologie de reconnaissance vocale est devenue une partie importante du domaine de l'intelligence artificielle. Le système de reconnaissance vocale en ligne basé sur WebSocket et JavaScript présente les caractéristiques d'une faible latence, d'un temps réel et d'une multiplateforme, et est devenu une solution largement utilisée. Cet article explique comment utiliser WebSocket et JavaScript pour implémenter un système de reconnaissance vocale en ligne.

WebSocket et JavaScript : technologies clés pour mettre en œuvre des systèmes de surveillance en temps réel WebSocket et JavaScript : technologies clés pour mettre en œuvre des systèmes de surveillance en temps réel Dec 17, 2023 pm 05:30 PM

WebSocket et JavaScript : technologies clés pour réaliser des systèmes de surveillance en temps réel Introduction : Avec le développement rapide de la technologie Internet, les systèmes de surveillance en temps réel ont été largement utilisés dans divers domaines. L'une des technologies clés pour réaliser une surveillance en temps réel est la combinaison de WebSocket et de JavaScript. Cet article présentera l'application de WebSocket et JavaScript dans les systèmes de surveillance en temps réel, donnera des exemples de code et expliquera leurs principes de mise en œuvre en détail. 1. Technologie WebSocket

Comment utiliser JavaScript et WebSocket pour mettre en œuvre un système de commande en ligne en temps réel Comment utiliser JavaScript et WebSocket pour mettre en œuvre un système de commande en ligne en temps réel Dec 17, 2023 pm 12:09 PM

Introduction à l'utilisation de JavaScript et de WebSocket pour mettre en œuvre un système de commande en ligne en temps réel : avec la popularité d'Internet et les progrès de la technologie, de plus en plus de restaurants ont commencé à proposer des services de commande en ligne. Afin de mettre en œuvre un système de commande en ligne en temps réel, nous pouvons utiliser les technologies JavaScript et WebSocket. WebSocket est un protocole de communication full-duplex basé sur le protocole TCP, qui peut réaliser une communication bidirectionnelle en temps réel entre le client et le serveur. Dans le système de commande en ligne en temps réel, lorsque l'utilisateur sélectionne des plats et passe une commande

Comment mettre en œuvre un système de réservation en ligne à l'aide de WebSocket et JavaScript Comment mettre en œuvre un système de réservation en ligne à l'aide de WebSocket et JavaScript Dec 17, 2023 am 09:39 AM

Comment utiliser WebSocket et JavaScript pour mettre en œuvre un système de réservation en ligne. À l'ère numérique d'aujourd'hui, de plus en plus d'entreprises et de services doivent fournir des fonctions de réservation en ligne. Il est crucial de mettre en place un système de réservation en ligne efficace et en temps réel. Cet article explique comment utiliser WebSocket et JavaScript pour implémenter un système de réservation en ligne et fournit des exemples de code spécifiques. 1. Qu'est-ce que WebSocket ? WebSocket est une méthode full-duplex sur une seule connexion TCP.

JavaScript et WebSocket : créer un système efficace de prévisions météorologiques en temps réel JavaScript et WebSocket : créer un système efficace de prévisions météorologiques en temps réel Dec 17, 2023 pm 05:13 PM

JavaScript et WebSocket : Construire un système efficace de prévisions météorologiques en temps réel Introduction : Aujourd'hui, la précision des prévisions météorologiques revêt une grande importance pour la vie quotidienne et la prise de décision. À mesure que la technologie évolue, nous pouvons fournir des prévisions météorologiques plus précises et plus fiables en obtenant des données météorologiques en temps réel. Dans cet article, nous apprendrons comment utiliser la technologie JavaScript et WebSocket pour créer un système efficace de prévisions météorologiques en temps réel. Cet article démontrera le processus de mise en œuvre à travers des exemples de code spécifiques. Nous

Tutoriel JavaScript simple : Comment obtenir le code d'état HTTP Tutoriel JavaScript simple : Comment obtenir le code d'état HTTP Jan 05, 2024 pm 06:08 PM

Tutoriel JavaScript : Comment obtenir le code d'état HTTP, des exemples de code spécifiques sont requis Préface : Dans le développement Web, l'interaction des données avec le serveur est souvent impliquée. Lors de la communication avec le serveur, nous devons souvent obtenir le code d'état HTTP renvoyé pour déterminer si l'opération a réussi et effectuer le traitement correspondant en fonction de différents codes d'état. Cet article vous apprendra comment utiliser JavaScript pour obtenir des codes d'état HTTP et fournira quelques exemples de codes pratiques. Utilisation de XMLHttpRequest

Comment utiliser insertBefore en javascript Comment utiliser insertBefore en javascript Nov 24, 2023 am 11:56 AM

Utilisation : En JavaScript, la méthode insertBefore() est utilisée pour insérer un nouveau nœud dans l'arborescence DOM. Cette méthode nécessite deux paramètres : le nouveau nœud à insérer et le nœud de référence (c'est-à-dire le nœud où le nouveau nœud sera inséré).

JavaScript et WebSocket : créer un système de traitement d'images en temps réel efficace JavaScript et WebSocket : créer un système de traitement d'images en temps réel efficace Dec 17, 2023 am 08:41 AM

JavaScript est un langage de programmation largement utilisé dans le développement Web, tandis que WebSocket est un protocole réseau utilisé pour la communication en temps réel. En combinant les puissantes fonctions des deux, nous pouvons créer un système efficace de traitement d’images en temps réel. Cet article présentera comment implémenter ce système à l'aide de JavaScript et WebSocket, et fournira des exemples de code spécifiques. Tout d’abord, nous devons clarifier les exigences et les objectifs du système de traitement d’images en temps réel. Supposons que nous disposions d'un appareil photo capable de collecter des données d'image en temps réel.

See all articles