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

Node.js 비동기 프로그래밍 콜백 소개(1)_node.js

May 16, 2016 pm 04:07 PM
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 < ips.length; 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 < Weathers.length; 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으로 문의하세요.

핫 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를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

C++ 함수로 비동기 프로그래밍을 구현하는 방법은 무엇입니까? C++ 함수로 비동기 프로그래밍을 구현하는 방법은 무엇입니까? Apr 27, 2024 pm 09:09 PM

요약: C++의 비동기 프로그래밍을 사용하면 시간이 많이 걸리는 작업을 기다리지 않고 멀티태스킹이 가능합니다. 함수 포인터를 사용하여 함수에 대한 포인터를 만듭니다. 콜백 함수는 비동기 작업이 완료되면 호출됩니다. Boost::asio와 같은 라이브러리는 비동기 프로그래밍 지원을 제공합니다. 실제 사례에서는 함수 포인터와 Boost::asio를 사용하여 비동기 네트워크 요청을 구현하는 방법을 보여줍니다.

JavaScript 함수의 비동기 프로그래밍: 복잡한 작업 처리를 위한 필수 팁 JavaScript 함수의 비동기 프로그래밍: 복잡한 작업 처리를 위한 필수 팁 Nov 18, 2023 am 10:06 AM

JavaScript 함수 비동기 프로그래밍: 복잡한 작업 처리를 위한 필수 기술 소개: 현대 프런트 엔드 개발에서 복잡한 작업 처리는 필수불가결한 부분이 되었습니다. JavaScript 기능 비동기 프로그래밍 기술은 이러한 복잡한 작업을 해결하는 열쇠입니다. 이 기사에서는 JavaScript 함수 비동기 프로그래밍의 기본 개념과 일반적인 실용적인 방법을 소개하고 독자가 이러한 기술을 더 잘 이해하고 사용할 수 있도록 구체적인 코드 예제를 제공합니다. 1. 비동기 프로그래밍의 기본 개념 전통적인 동기 프로그래밍에서 코드는 다음과 같습니다.

PHP에서 비동기 프로그래밍에 ReactPHP를 사용하는 방법 PHP에서 비동기 프로그래밍에 ReactPHP를 사용하는 방법 Jun 27, 2023 am 09:14 AM

웹 애플리케이션이 더욱 복잡해짐에 따라 프로그래머는 많은 수의 요청과 I/O 작업을 처리하기 위해 비동기 프로그래밍을 채택해야 합니다. PHP: HypertextPreprocessor도 예외는 아닙니다. 이러한 요구를 충족시키기 위해 ReactPHP는 가장 인기 있는 PHP용 비동기 프로그래밍 프레임워크 중 하나가 되었습니다. 이 기사에서는 ReactPHP를 사용하여 PHP에서 비동기 프로그래밍을 수행하는 방법에 대해 설명합니다. 1. ReactPHP 소개 ReactPHP는 이벤트 중심 프로그래밍입니다.

PHP에서 비동기 메시지 처리를 구현하는 방법 PHP에서 비동기 메시지 처리를 구현하는 방법 Jul 10, 2023 am 08:19 AM

PHP에서 비동기 메시지 처리를 구현하는 방법 소개: 최신 웹 애플리케이션에서는 비동기 메시지 처리가 점점 더 중요해지고 있습니다. 비동기식 메시지 처리는 시스템의 성능과 확장성을 향상시키고 사용자 경험을 향상시킬 수 있습니다. 일반적으로 사용되는 서버측 프로그래밍 언어인 PHP는 일부 기술을 통해 비동기 메시지 처리를 구현할 수도 있습니다. 이 기사에서는 PHP에서 비동기 메시지 처리를 구현하는 몇 가지 방법을 소개하고 코드 예제를 제공합니다. 메시지 큐 사용 메시지 큐는 시스템 구성 요소를 분리하여 여러 구성 요소가 서로 다른 작업을 수행할 수 있도록 하는 방법입니다.

PHP8의 새로운 기능에 대한 심층적인 이해: 비동기 프로그래밍과 코드를 효율적으로 사용하는 방법은 무엇입니까? PHP8의 새로운 기능에 대한 심층적인 이해: 비동기 프로그래밍과 코드를 효율적으로 사용하는 방법은 무엇입니까? Sep 11, 2023 pm 01:52 PM

PHP8의 새로운 기능에 대한 심층적인 이해: 비동기 프로그래밍과 코드를 효율적으로 사용하는 방법은 무엇입니까? PHP8은 PHP 프로그래밍 언어의 최신 주요 버전으로, 많은 흥미로운 새 기능과 개선 사항을 제공합니다. 가장 눈에 띄는 기능 중 하나는 비동기 프로그래밍 지원입니다. 비동기 프로그래밍을 사용하면 동시 작업을 처리할 때 성능과 응답성을 향상시킬 수 있습니다. 이 기사에서는 PHP8의 비동기 프로그래밍 기능을 심층적으로 살펴보고 이를 효율적으로 사용하는 방법을 소개합니다. 먼저 비동기 프로그래밍이 무엇인지 알아보겠습니다. 전통적인 동기식 프로그래밍 모델에서 코드는 선형 시퀀스를 따릅니다.

Java 프레임워크 비동기 프로그래밍의 일반적인 문제 및 솔루션 Java 프레임워크 비동기 프로그래밍의 일반적인 문제 및 솔루션 Jun 04, 2024 pm 05:09 PM

Java 프레임워크 비동기 프로그래밍의 3가지 일반적인 문제와 해결 방법: 콜백 지옥: Promise 또는 CompletableFuture를 사용하여 보다 직관적인 스타일로 콜백을 관리합니다. 리소스 경합: 동기화 기본 요소(예: 잠금)를 사용하여 공유 리소스를 보호하고 스레드로부터 안전한 컬렉션(예: ConcurrentHashMap) 사용을 고려하세요. 처리되지 않은 예외: 작업에서 예외를 명시적으로 처리하고 예외 처리 프레임워크(예: CompletableFuture.Exceptionally())를 사용하여 예외를 처리합니다.

golang 프레임워크는 동시성과 비동기 프로그래밍을 어떻게 처리합니까? golang 프레임워크는 동시성과 비동기 프로그래밍을 어떻게 처리합니까? Jun 02, 2024 pm 07:49 PM

Go 프레임워크는 Go의 동시성 및 비동기 기능을 사용하여 동시 및 비동기 작업을 효율적으로 처리하기 위한 메커니즘을 제공합니다. 1. 동시성은 Goroutine을 통해 달성되어 동시에 여러 작업을 실행할 수 있습니다. 2. 비동기 프로그래밍은 채널을 통해 구현됩니다. 작업을 차단하지 않고 실행할 수 있습니다. 3. HTTP 요청 동시 처리, 데이터베이스 데이터의 비동기 획득 등과 같은 실제 시나리오에 적합합니다.

Python 비동기 프로그래밍: 비동기 코드에서 효율적인 동시성을 달성하는 방법 Python 비동기 프로그래밍: 비동기 코드에서 효율적인 동시성을 달성하는 방법 Feb 26, 2024 am 10:00 AM

1. 비동기 프로그래밍을 사용하는 이유는 무엇입니까? 기존 프로그래밍에서는 차단 I/O를 사용합니다. 즉, 프로그램은 작업을 계속하기 전에 작업이 완료될 때까지 기다립니다. 이는 단일 작업에 적합할 수 있지만 많은 수의 작업을 처리할 때 프로그램 속도가 느려질 수 있습니다. 비동기 프로그래밍은 기존 차단 I/O의 한계를 깨고 비차단 I/O를 사용합니다. 즉, 프로그램은 작업이 완료될 때까지 기다리지 않고 실행을 위해 여러 스레드나 이벤트 루프에 작업을 배포할 수 있습니다. 이를 통해 프로그램은 여러 작업을 동시에 처리할 수 있어 프로그램의 성능과 효율성이 향상됩니다. 2. Python 비동기 프로그래밍의 기본 Python 비동기 프로그래밍의 기본은 코루틴과 이벤트 루프입니다. 코루틴은 함수가 일시 중지와 재개 사이를 전환할 수 있도록 하는 함수입니다. 이벤트 루프는 일정 관리를 담당합니다.

See all articles