찾다
웹 프론트엔드JS 튜토리얼Node.js 비동기 프로그래밍 콜백 소개(1)_node.js

Node.js는 JavaScript 엔진 v8을 기반으로 하며 단일 스레드입니다. Node.js는 웹의 JavaScript와 유사한 비동기 프로그래밍 방법을 사용하여 I/O 작업 차단을 처리합니다. Node.js에서 파일 읽기, 데이터베이스 액세스, 네트워크 요청 등은 모두 비동기식일 수 있습니다. Node.js를 처음 접하는 사람들이나 다른 언어 배경에서 Node.js로 마이그레이션하는 개발자들에게 비동기 프로그래밍은 고통스러운 부분입니다. 이 장에서는 가장 간단한 것부터 더 깊은 것까지 Node.js 비동기 프로그래밍의 모든 측면을 소개합니다. 가장 기본적인 콜백부터 썽크까지, Promise, co부터 async/await까지 ES7에 계획되어 있습니다.

먼저 비동기 프로그래밍의 구체적인 예부터 시작해 보겠습니다.

여러 IP 위치에 대한 날씨 정보 가져오기

ip.json 파일에는 다양한 장소에서 온 다양한 방문자인 여러 IP 주소를 저장하는 배열이 있습니다.

코드 복사 코드는 다음과 같습니다.

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

각 IP 위치의 현재 날씨를 얻을 수 있기를 바랍니다. 결과를 다음 형식으로 Weather.json 파일에 출력합니다.
코드 복사 코드는 다음과 같습니다.

// 날씨.json
[
{ "ip": "115.29.230.208", "weather": "구름", "region": "절강" },
{ "ip": "180.153.132.38", "weather": "맑음", "region": "상하이" },
{ "ip": "74.125.235.224", "weather": "비", "region": "캘리포니아" },
{ "ip": "60.28.215.115", "weather": "맑음", "region": "천진" }
]

생각을 정리하기 위해 다음 단계로 나눕니다.

1. IP 주소를 읽습니다.
2. IP 주소를 기반으로 IP의 지리적 위치를 가져옵니다.
3. 지리적 위치에 따른 현지 날씨를 확인하세요.
4. 결과를 Weather.json 파일에 씁니다.

이러한 단계는 모두 비동기식입니다(파일 읽기 및 쓰기는 동기식일 수 있지만 예를 들어 비동기식이 사용됩니다).

콜백

먼저 Node.js API가 일반적으로 제공하는 방식으로 구현하려고 합니다. 라이브러리를 사용하지 않고 콜백을 비동기 콜백으로 전달합니다. 세 가지 기본 모듈을 사용합니다:

1.fs: ip.json 파일에서 IP 목록을 읽고 결과를 파일에 씁니다. 2.request: HTTP 요청을 보내고 IP 주소를 기반으로 지리 데이터를 얻은 다음 지리 데이터를 통해 날씨 데이터를 얻는 데 사용됩니다. 3.querystring: 요청 전송을 위한 URL 매개변수를 조합하는 데 사용됩니다.

새 callback.js 파일을 만들고 다음 모듈을 소개합니다.


// 콜백.js
var fs = require('fs')
var 요청 = require('요청')
var qs = require('querystring')


파일의 IP 목록을 읽고 fs.readFile을 호출하여 파일 내용을 읽은 다음 JSON.parse를 사용하여 JSON 데이터를 구문 분석합니다.


...
함수 readIP(경로, 콜백) {
fs.readFile(경로, 함수(err, 데이터) {
만약 (오류) {
       콜백(err)
} 그 밖의 {
{
을 시도해 보세요          데이터 = JSON.parse(데이터)
         콜백(null, 데이터)
} 잡기(오류) {
        콜백(오류)
}
}
})
}
...


다음 단계는 IP를 사용하여 지리 정보를 얻는 것입니다. 요청을 사용하여 공개 지리 서비스를 요청합니다.


...
함수 ip2geo(ip, 콜백) {
var url = 'http://www.telize.com/geoip/' ip
요청({
url: url,
JSON: 사실
}, 함수(err, resp, body) {
​ 콜백(err, body)
})
}
...

지리 데이터를 사용하여 날씨 확인:

코드 복사 코드는 다음과 같습니다.

...
함수 geo2weather(위도, 경도, 콜백) {
var 매개변수 = {
위도: 위도,
론: 론,
APPID: '9bf4d2b07c7ddeb780c5b32e636c679d'
}
var url = 'http://api.openweathermap.org/data/2.5/weather?' qs.stringify(params)
요청({
url: url,
json: 사실,
}, 함수(err, resp, body) {
​ 콜백(err, body)
})
}
...

이제 지리 및 날씨에 대한 인터페이스를 얻었으므로 처리해야 할 약간 더 복잡한 문제가 있습니다. IP가 여러 개 있으므로 지리를 병렬로 읽고 날씨 데이터를 병렬로 읽어야 합니다.
코드 복사 코드는 다음과 같습니다.

...
함수 ips2geos(ips, 콜백) {
var geos = []
변수 IP
var 유지 = ips.length
for (var i = 0; i ip = ips[i];
(함수(ip) {
ip2geo(ip, 함수(err, geo) {
만약 (오류) {
          콜백(err)
         } else {
          geo.ip = ip
           geos.push(geo)
             남음--
}
If (남은 == 0) {
           콜백(null, geos)
}
})
})(ip)
}
}

geos2weathers(geos, 콜백) 함수 {
var 날씨 = []
바지오
var 유지 = geos.length
for (var i = 0; i 지역 = 지역[i];
(함수(지역) {
geo2weather(geo.latitude, geo.longitude, 함수(err, 날씨) {
만약 (오류) {
          콜백(err)
         } else {
Weather.geo = 지리
날씨.푸시(날씨)
             남음--
}
If (남은 == 0) {
            콜백(null, 날씨)
}
})
})(지역)
}
}
...

ips2geos와 geos2weathers 모두 상대적으로 원시적인 방법을 사용하며, return을 기다리는 항목 수를 계산하기 위해 남아 있습니다. 남아가 0이면 병렬 요청이 종료되고 처리 결과가 배열에 로드되어 반환된다는 의미입니다. .

마지막 단계는 결과를 Weather.json 파일에 쓰는 것입니다.

코드 복사 코드는 다음과 같습니다.

...
함수 writeWeather(날씨, 콜백) {
var 출력 = []
다양한 날씨
for (var i = 0; i 날씨 = 날씨[i]
출력.푸시({
IP : Weather.geo.ip,
날씨: Weather.weather[0].main,
지역: Weather.geo.region
})
}
fs.writeFile('./weather.json', JSON.stringify(output, null, ' '), 콜백)
}
...

위 기능을 결합하면 다음과 같은 목표를 달성할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

...
함수 handlerError(err) {
  console.log('오류: ' err)
}

readIP('./ip.json', function(err, ips) {
  if (err) {
    handlerError(err)
  } 그 밖의 {
    ips2geos(ips, function(err, geos) {
      if (err) {
        handlerError(err)
      } 그 밖의 {
        geos2weathers(geos, function(err, Weathers) {
          if (err) {
            handlerError(err)
          } 그 밖의 {
            writeWeather(날씨, 함수(err) {
              if (err) {
                handlerError(err)
              } 그 밖의 {
                console.log('성공!')
              }
            })
          }
        })
      }
    })
  }
})

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

复代码 代码如下:

...
함수 ReadIPCallback(err, ips) {
  if (err) {
    handlerError(err)
  } 그 밖의 {
    ips2geos(ips, ips2geosCallback)
  }
}

함수 ips2geosCallback(err, geos) {
  if (err) {
    handlerError(err)
  } 그 밖의 {
    geos2weathers(geos, geos2weathersCallback)
  }
}

geos2weathersCallback(err, Weathers) 함수 {
  if (err) {
    handlerError(err)
  } 그 밖의 {
    writeWeather(날씨, writeWeatherCallback)
  }
}

writeWeatherCallback(err) 함수 {
  if (err) {
    handlerError(err)
  } 그 밖의 {
    console.log('성공!')
  }
}

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

好了,这是我们 callback.js 의 전체 부분 内容。运行:

复代码 代码如下:

노드 콜백.js

将会生成 weeater.json 文件:
复代码 代码如下:

[
  {
    "ip": "180.153.132.38",
    "날씨": "맑음",
    "지역": "상하이"
  },
  {
    "ip": "91.239.201.98",
    "날씨": "구름"
  },
  {
    "ip": "60.28.215.115",
    "날씨": "맑음",
    "지역": "천진"
  },
  {
    "ip": "74.125.235.224",
    "날씨": "구름",
    "지역": "캘리포니아"
  },
  {
    "ip": "115.29.230.208",
    "날씨": "맑음",
    "지역": "절강"
  }
]

그렇다면 진짜 문제는 무엇일까요?

물론 비동기식의 문제는 기본적으로 다음 세 가지를 처리해야 합니다.

1. 비동기 작업이 끝나면 다시 알려야 합니다.
2. 비동기적으로 생성된 결과는 다시 전달되어야 합니다. 콜백은 데이터 매개변수를 받아 데이터를 다시 전달해야 합니다.
3. 비동기 오류가 발생하면 어떻게 해야 하나요? 콜백은 err 매개변수를 받아들이고 오류를 반환합니다.

그런데 반복적인 작업(다양한 콜백)을 많이 발견하셨나요? 위 코드에 문제가 있나요? 이 글의 계속을 기대해주세요.

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
Vercel是什么?怎么部署Node服务?Vercel是什么?怎么部署Node服务?May 07, 2022 pm 09:34 PM

Vercel是什么?本篇文章带大家了解一下Vercel,并介绍一下在Vercel中部署 Node 服务的方法,希望对大家有所帮助!

node.js gm是什么node.js gm是什么Jul 12, 2022 pm 06:28 PM

gm是基于node.js的图片处理插件,它封装了图片处理工具GraphicsMagick(GM)和ImageMagick(IM),可使用spawn的方式调用。gm插件不是node默认安装的,需执行“npm install gm -S”进行安装才可使用。

一文解析package.json和package-lock.json一文解析package.json和package-lock.jsonSep 01, 2022 pm 08:02 PM

本篇文章带大家详解package.json和package-lock.json文件,希望对大家有所帮助!

怎么使用pkg将Node.js项目打包为可执行文件?怎么使用pkg将Node.js项目打包为可执行文件?Jul 26, 2022 pm 07:33 PM

如何用pkg打包nodejs可执行文件?下面本篇文章给大家介绍一下使用pkg将Node.js项目打包为可执行文件的方法,希望对大家有所帮助!

分享一个Nodejs web框架:Fastify分享一个Nodejs web框架:FastifyAug 04, 2022 pm 09:23 PM

本篇文章给大家分享一个Nodejs web框架:Fastify,简单介绍一下Fastify支持的特性、Fastify支持的插件以及Fastify的使用方法,希望对大家有所帮助!

node爬取数据实例:聊聊怎么抓取小说章节node爬取数据实例:聊聊怎么抓取小说章节May 02, 2022 am 10:00 AM

node怎么爬取数据?下面本篇文章给大家分享一个node爬虫实例,聊聊利用node抓取小说章节的方法,希望对大家有所帮助!

手把手带你使用Node.js和adb开发一个手机备份小工具手把手带你使用Node.js和adb开发一个手机备份小工具Apr 14, 2022 pm 09:06 PM

本篇文章给大家分享一个Node实战,介绍一下使用Node.js和adb怎么开发一个手机备份小工具,希望对大家有所帮助!

图文详解node.js如何构建web服务器图文详解node.js如何构建web服务器Aug 08, 2022 am 10:27 AM

先介绍node.js的安装,再介绍使用node.js构建一个简单的web服务器,最后通过一个简单的示例,演示网页与服务器之间的数据交互的实现。

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

Atom Editor Mac 버전 다운로드

Atom Editor Mac 버전 다운로드

가장 인기 있는 오픈 소스 편집기

Dreamweaver Mac版

Dreamweaver Mac版

시각적 웹 개발 도구

VSCode Windows 64비트 다운로드

VSCode Windows 64비트 다운로드

Microsoft에서 출시한 강력한 무료 IDE 편집기

Eclipse용 SAP NetWeaver 서버 어댑터

Eclipse용 SAP NetWeaver 서버 어댑터

Eclipse를 SAP NetWeaver 애플리케이션 서버와 통합합니다.

에디트플러스 중국어 크랙 버전

에디트플러스 중국어 크랙 버전

작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음