recherche
Maisoninterface Webjs tutorielIntroduction au rappel de programmation asynchrone Node.js (1)_node.js

Node.js est basé sur le moteur JavaScript v8 et est monothread. Node.js utilise des méthodes de programmation asynchrone similaires à JavaScript sur le Web pour gérer le blocage des opérations d'E/S. La lecture de fichiers, l'accès à des bases de données, les requêtes réseau, etc. dans Node.js peuvent tous être asynchrones. Pour ceux qui découvrent Node.js ou les développeurs migrant vers Node.js à partir d’autres langages, la programmation asynchrone est une partie douloureuse. Ce chapitre vous présentera tous les aspects de la programmation asynchrone Node.js, du plus simple au plus profond. Du rappel le plus basique au thunk, Promise, co à l'async/wait prévu pour ES7.

Tout d’abord, commençons par un exemple spécifique de programmation asynchrone.

Obtenez des informations météorologiques pour plusieurs emplacements IP

Dans le fichier ip.json, il y a un tableau où nous stockons plusieurs adresses IP, qui sont différents visiteurs de différents endroits. Le contenu est le suivant :

Copier le code Le code est le suivant :

// ip.json
["115.29.230.208", "180.153.132.38", "74.125.235.224", "91.239.201.98", "60.28.215.115"]

J'espère pouvoir obtenir la météo actuelle pour chaque emplacement IP. Exportez les résultats dans le fichier Weather.json au format suivant :
Copier le code Le code est le suivant :

// météo.json
[
{ "ip": "115.29.230.208", "weather": "Nuages", "region": "Zhejiang" },
{ "ip": "180.153.132.38", "weather": "Clear", "region": "Shanghai" },
{ "ip": "74.125.235.224", "weather": "Pluie", "region": "Californie" },
{ "ip": "60.28.215.115", "weather": "Clair", "region": "Tianjin" }
]

Pour organiser nos pensées, nous la divisons selon les étapes suivantes :

1. Lisez l'adresse IP
2. Obtenez l'emplacement géographique de l'IP en fonction de l'adresse IP
; 3. Vérifiez la météo locale en fonction de la situation géographique
; 4. Écrivez les résultats dans le fichier Weather.json.

Ces étapes sont toutes asynchrones (la lecture et l'écriture de fichiers peuvent être synchrones, mais à titre d'exemple, l'asynchrone est utilisé).

rappel

Tout d'abord, nous essayons de l'implémenter de la manière que l'API Node.js propose habituellement : en passant un rappel en tant que rappel asynchrone sans utiliser de bibliothèque. Nous utiliserons trois modules de base :

1.fs : Lisez la liste IP à partir du fichier ip.json ; écrivez le résultat dans le fichier
2.request : utilisé pour envoyer des requêtes HTTP, obtenir des données géographiques basées sur l'adresse IP, puis obtenir des données météorologiques via des données géographiques
 ; 3.querystring : utilisé pour assembler les paramètres d'URL pour l'envoi des requêtes.

Créez un nouveau fichier callback.js et introduisez ces modules :

Copier le code Le code est le suivant :

// rappel.js
var fs = require('fs')
var requête = require('request')
var qs = require('querystring')

Lisez la liste IP dans le fichier, appelez fs.readFile pour lire le contenu du fichier, puis utilisez JSON.parse pour analyser les données JSON :

Copier le code Le code est le suivant :

...
fonction readIP(chemin, rappel) {
fs.readFile(chemin, fonction(erreur, données) {
Si (erreur) {
       rappel (erreur)
} autre {
Essayez {
         data = JSON.parse(data)
         rappel (null, données)
} attraper (erreur) {
        rappel (erreur)
>
>
})
>
...

L'étape suivante consiste à utiliser l'IP pour obtenir la géo. Nous utilisons la requête pour demander un service de géoouverte :

Copier le code Le code est le suivant :

...
fonction ip2geo(ip, rappel) {
var url = 'http://www.telize.com/geoip/'ip
demande({
URL : URL,
json : vrai
}, fonction (erreur, resp, corps) {
​ rappel(euh, corps)
})
>
...

Utiliser les données géographiques pour obtenir la météo :

Copier le code Le code est le suivant :

...
fonction geo2weather(lat, lon, rappel) {
var paramètres = {
latitude : latitude,
lon : lon,
APPID : '9bf4d2b07c7ddeb780c5b32e636c679d'
>
var url = 'http://api.openweathermap.org/data/2.5/weather?' demande({
URL : URL,
json : vrai,
}, fonction (erreur, resp, corps) {
​ rappel(euh, corps)
})
>
...

Maintenant que nous avons obtenu les interfaces pour la géo et la météo, nous avons encore un problème un peu plus compliqué à résoudre. Comme il y a plusieurs IP, nous devons lire la géo en parallèle et lire les données météorologiques en parallèle :

Copier le code Le code est le suivant :
...
fonction ips2geos(ips, rappel) {
var géos = []
var ip
var reste = ips.length
pour (var i = 0; i ip = ips[i];
(fonction(ip) {
ip2geo(ip, fonction(erreur, géo) {
Si (erreur) {
          rappel (erreur)
         } autre {
          geo.ip = ip
           geos.push(geo)
             rester--
>
Si (reste == 0) {
           rappel (null, géos)
>
})
})(ip)
>
>
fonction geos2weathers(geos, rappel) {

var météos = []
var géo
var reste = geos.length
pour (var i = 0; i Géo = géos[i];
(fonction(géo) {
geo2weather(geo.latitude, geo.longitude, function(err, météo) {
Si (erreur) {
          rappel (erreur)
         } autre {
météo.geo = géo
météo.push(météo)
             rester--
>
Si (reste == 0) {
            rappel (null, météo)
>
})
})(géo)
>
>
...

ips2geos et geos2weathers utilisent une méthode relativement primitive, rest pour calculer le nombre d'éléments en attente d'être renvoyés. Si rest est 0, cela signifie que la requête parallèle est terminée et que les résultats du traitement sont chargés dans un tableau et renvoyés. .

La dernière étape consiste à écrire les résultats dans le fichier Weather.json :


Copier le code Le code est le suivant :
...
function writeWeather (météos, rappel) {
var sortie = []
météo varoise
pour (var je = 0; je météo = temps[i]
Sortie.push({
IP : météo.geo.ip,
Météo : météo.weather[0].main,
Région : météo.geo.region
})
>
fs.writeFile('./weather.json', JSON.stringify(output, null, ' '), rappel)
>
...

En combinant les fonctions ci-dessus, nous pouvons atteindre notre objectif :


Copier le code Le code est le suivant :

...
fonction handlerError(err) {
  console.log('erreur : 'err)
>

readIP('./ip.json', function(err, ips) {
  si (erreur) {
    gestionnaireErreur(erreur)
  } autre {
    ips2geos(ips, fonction(erreur, géos) {
      si (erreur) {
        gestionnaireErreur(erreur)
      } autre {
        geos2weathers(geos, fonction(erreur, météos) {
          si (erreur) {
            gestionnaireErreur(erreur)
          } autre {
            writeWeather (météos, fonction (err) {
              si (erreur) {
                gestionnaireErreur(erreur)
              } autre {
                console.log('succès !')
              >
            })
          >
        })
      >
    })
  >
})

哈哈,你妈这嵌套,你可能觉得这就是 JavaScript 异步的问题,说真的,嵌套不是 JavaScript 异步的真正问题所圜。上面这段代码我们可以下面这样写:

复制代码 代码如下 :

...
fonction ReadIPCallback(err, ips) {
  si (erreur) {
    gestionnaireErreur(erreur)
  } autre {
    ips2geos(ips, ips2geosCallback)
  >
>

fonction ips2geosCallback(euh, géos) {
  si (erreur) {
    gestionnaireErreur(erreur)
  } autre {
    geos2weathers(geos, geos2weathersCallback)
  >
>

fonction geos2weathersCallback(euh, météo) {
  si (erreur) {
    gestionnaireErreur(erreur)
  } autre {
    writeWeather (météos, writeWeatherCallback)
  >
>

fonction writeWeatherCallback(err) {
  si (erreur) {
    gestionnaireErreur(erreur)
  } autre {
    console.log('succès !')
  >
>

readIP('./ip.json', ReadIPCallback)

好了,这是我们 callback.js 的全部内容。运行:

复制代码 代码如下 :

nœud callback.js

Il s'agit de weater.json 文件:
复制代码 代码如下 :

[
  {
    "ip": "180.153.132.38",
    "météo": "Clair",
    "région": "Shanghai"
  },
  {
    "ip": "91.239.201.98",
    "météo": "Nuages"
  },
  {
    "ip": "60.28.215.115",
    "météo": "Clair",
    "région": "Tianjin"
  },
  {
    "ip": "74.125.235.224",
    "météo": "Nuages",
    "region": "Californie"
  },
  {
    "ip": "115.29.230.208",
    "météo": "Clair",
    "région": "Zhejiang"
  >
]

Alors quel est le vrai problème ?

Bien sûr, il s'agit d'un problème d'asynchrone qui doit essentiellement traiter de trois choses :

1. Lorsque l'opération asynchrone se termine, elle doit être notifiée. Le rappel est une solution ; 2. Les résultats générés de manière asynchrone doivent être renvoyés. Le rappel accepte un paramètre de données et renvoie les données
 ; 3. Que dois-je faire si une erreur asynchrone se produit ? Le rappel accepte un paramètre err et renvoie l'erreur.

Mais avez-vous constaté beaucoup de travail répétitif (rappels divers) ? Y a-t-il un problème avec le code ci-dessus ? Veuillez attendre avec impatience la suite de cet article.

Déclaration
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
Moteurs JavaScript: comparaison des implémentationsMoteurs JavaScript: comparaison des implémentationsApr 13, 2025 am 12:05 AM

Différents moteurs JavaScript ont des effets différents lors de l'analyse et de l'exécution du code JavaScript, car les principes d'implémentation et les stratégies d'optimisation de chaque moteur diffèrent. 1. Analyse lexicale: convertir le code source en unité lexicale. 2. Analyse de la grammaire: générer un arbre de syntaxe abstrait. 3. Optimisation et compilation: générer du code machine via le compilateur JIT. 4. Exécuter: Exécutez le code machine. Le moteur V8 optimise grâce à une compilation instantanée et à une classe cachée, SpiderMonkey utilise un système d'inférence de type, résultant en différentes performances de performances sur le même code.

Au-delà du navigateur: Javascript dans le monde réelAu-delà du navigateur: Javascript dans le monde réelApr 12, 2025 am 12:06 AM

Les applications de JavaScript dans le monde réel incluent la programmation côté serveur, le développement des applications mobiles et le contrôle de l'Internet des objets: 1. La programmation côté serveur est réalisée via Node.js, adaptée au traitement de demande élevé simultané. 2. Le développement d'applications mobiles est effectué par le reactnatif et prend en charge le déploiement multiplateforme. 3. Utilisé pour le contrôle des périphériques IoT via la bibliothèque Johnny-Five, adapté à l'interaction matérielle.

Construire une application SaaS multi-locataire avec next.js (intégration backend)Construire une application SaaS multi-locataire avec next.js (intégration backend)Apr 11, 2025 am 08:23 AM

J'ai construit une application SAAS multi-locataire fonctionnelle (une application EdTech) avec votre outil technologique quotidien et vous pouvez faire de même. Premièrement, qu'est-ce qu'une application SaaS multi-locataire? Les applications saas multi-locataires vous permettent de servir plusieurs clients à partir d'un chant

Comment construire une application SaaS multi-locataire avec Next.js (Frontend Integration)Comment construire une application SaaS multi-locataire avec Next.js (Frontend Integration)Apr 11, 2025 am 08:22 AM

Cet article démontre l'intégration frontale avec un backend sécurisé par permis, construisant une application fonctionnelle EdTech SaaS en utilisant Next.js. Le frontend récupère les autorisations des utilisateurs pour contrôler la visibilité de l'interface utilisateur et garantit que les demandes d'API adhèrent à la base de rôles

JavaScript: Explorer la polyvalence d'un langage WebJavaScript: Explorer la polyvalence d'un langage WebApr 11, 2025 am 12:01 AM

JavaScript est le langage central du développement Web moderne et est largement utilisé pour sa diversité et sa flexibilité. 1) Développement frontal: construire des pages Web dynamiques et des applications à une seule page via les opérations DOM et les cadres modernes (tels que React, Vue.js, Angular). 2) Développement côté serveur: Node.js utilise un modèle d'E / S non bloquant pour gérer une concurrence élevée et des applications en temps réel. 3) Développement des applications mobiles et de bureau: le développement de la plate-forme multiplateuse est réalisé par réact noral et électron pour améliorer l'efficacité du développement.

L'évolution de JavaScript: tendances actuelles et perspectives d'avenirL'évolution de JavaScript: tendances actuelles et perspectives d'avenirApr 10, 2025 am 09:33 AM

Les dernières tendances de JavaScript incluent la montée en puissance de TypeScript, la popularité des frameworks et bibliothèques modernes et l'application de WebAssembly. Les prospects futurs couvrent des systèmes de type plus puissants, le développement du JavaScript côté serveur, l'expansion de l'intelligence artificielle et de l'apprentissage automatique, et le potentiel de l'informatique IoT et Edge.

Démystifier javascript: ce qu'il fait et pourquoi c'est importantDémystifier javascript: ce qu'il fait et pourquoi c'est importantApr 09, 2025 am 12:07 AM

JavaScript est la pierre angulaire du développement Web moderne, et ses principales fonctions incluent la programmation axée sur les événements, la génération de contenu dynamique et la programmation asynchrone. 1) La programmation axée sur les événements permet aux pages Web de changer dynamiquement en fonction des opérations utilisateur. 2) La génération de contenu dynamique permet d'ajuster le contenu de la page en fonction des conditions. 3) La programmation asynchrone garantit que l'interface utilisateur n'est pas bloquée. JavaScript est largement utilisé dans l'interaction Web, les applications à une page et le développement côté serveur, améliorant considérablement la flexibilité de l'expérience utilisateur et du développement multiplateforme.

Python ou JavaScript est-il meilleur?Python ou JavaScript est-il meilleur?Apr 06, 2025 am 12:14 AM

Python est plus adapté à la science des données et à l'apprentissage automatique, tandis que JavaScript est plus adapté au développement frontal et complet. 1. Python est connu pour sa syntaxe concise et son écosystème de bibliothèque riche, et convient à l'analyse des données et au développement Web. 2. JavaScript est le cœur du développement frontal. Node.js prend en charge la programmation côté serveur et convient au développement complet.

See all articles

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

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
4 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Version Mac de WebStorm

Version Mac de WebStorm

Outils de développement JavaScript utiles

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

DVWA

DVWA

Damn Vulnerable Web App (DVWA) est une application Web PHP/MySQL très vulnérable. Ses principaux objectifs sont d'aider les professionnels de la sécurité à tester leurs compétences et leurs outils dans un environnement juridique, d'aider les développeurs Web à mieux comprendre le processus de sécurisation des applications Web et d'aider les enseignants/étudiants à enseigner/apprendre dans un environnement de classe. Application Web sécurité. L'objectif de DVWA est de mettre en pratique certaines des vulnérabilités Web les plus courantes via une interface simple et directe, avec différents degrés de difficulté. Veuillez noter que ce logiciel

Télécharger la version Mac de l'éditeur Atom

Télécharger la version Mac de l'éditeur Atom

L'éditeur open source le plus populaire

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel