이 글의 내용은 Node.js의 이벤트 루프 메커니즘을 분석하는 것입니다. 참고할만한 가치가 있으니 참고하시면 도움이 될 것입니다.
이벤트 루프 메커니즘과 일부 관련 개념은 브라우저 기사에서 자세히 소개되었지만 주로 브라우저 측에 대한 연구를 위한 것입니다. Node 환경에서도 마찬가지인가요? 먼저 데모를 살펴보겠습니다.
setTimeout(()=>{ console.log('timer1') Promise.resolve().then(function() { console.log('promise1') })}, 0)setTimeout(()=>{ console.log('timer2') Promise.resolve().then(function() { console.log('promise2') })}, 0)
육안으로 컴파일하고 실행해 보면 다음과 같습니다. 여러분은 이미 사실을 알고 있으므로 자세한 내용은 다루지 않겠습니다. .
timer1 promise1 timer2 promise2
그럼 Node에서 실행해 보세요. . . 이상하네요 브라우저와 실행 결과가 다릅니다~
timer1 timer2 promise1 promise2
예제를 보면 브라우저와 Node.js의 이벤트 루프 메커니즘이 다르다는 것을 알 수 있는데 살펴보겠습니다~
#🎜🎜 #Node.js 이벤트 처리Node.js는 V8을 js 구문 분석 엔진으로 사용하고 I/O 처리를 위해 자체적으로 설계된 libuv를 사용합니다. libuv는 이벤트 기반 크로스-플랫폼 추상화 계층이 캡슐화됩니다. 다양한 운영 체제의 일부 기본 기능을 제공하며 이벤트 루프 메커니즘도 여기에 구현되어 있습니다. 핵심 소스 코드 참조:int uv_run(uv_loop_t* loop, uv_run_mode mode) { int timeout; int r; int ran_pending; r = uv__loop_alive(loop); if (!r) uv__update_time(loop); while (r != 0 && loop->stop_flag == 0) { uv__update_time(loop); // timers阶段 uv__run_timers(loop); // I/O callbacks阶段 ran_pending = uv__run_pending(loop); // idle阶段 uv__run_idle(loop); // prepare阶段 uv__run_prepare(loop); timeout = 0; if ((mode == UV_RUN_ONCE && !ran_pending) || mode == UV_RUN_DEFAULT) timeout = uv_backend_timeout(loop); // poll阶段 uv__io_poll(loop, timeout); // check阶段 uv__run_check(loop); // close callbacks阶段 uv__run_closing_handles(loop); if (mode == UV_RUN_ONCE) { uv__update_time(loop); uv__run_timers(loop); } r = uv__loop_alive(loop); if (mode == UV_RUN_ONCE || mode == UV_RUN_NOWAIT) break; } if (loop->stop_flag != 0) loop->stop_flag = 0; return r; }Node.js 공식 소개에 따르면 , 매번 이벤트 루프에는 아래 그림과 같이 libuv 소스 코드의 구현에 해당하는 6개의 단계가 포함됩니다.
poll 단계: 새로운 I/O 이벤트를 가져오면 노드는 적절한 조건에서 여기에서 차단됩니다
check 단계: setImmediate() 콜백 실행
#🎜 🎜 #close 콜백 단계: 소켓의 닫기 이벤트 콜백 실행 타이머, 폴링, 확인의 세 단계에 집중하겠습니다. 일상적인 개발에서 대부분의 비동기 작업은 이 세 단계에서 처리되기 때문입니다. 단계.timers 단계
timers는 이벤트 루프의 첫 번째 단계인 노드입니다. 만료된 타이머가 있는지 확인하고, 그렇다면 타이머의 작업 대기열에 콜백을 푸시하여 실행을 기다립니다. 노드의 타이머 만료 확인이 반드시 신뢰할 수 있는 것은 아니기 때문에 미리 설정된 시간에 도달하면 타이머가 즉시 실행된다는 보장은 없습니다. 머신에서 실행 중인 다른 프로그램의 영향을 받거나 메인 스레드가 유휴 상태가 아니기 때문입니다. 그 때. 예를 들어 다음 코드에서는 setTimeout() 및 setImmediate()의 실행 순서가 확실하지 않습니다.
setTimeout(() => { console.log('timeout') }, 0) setImmediate(() => { console.log('immediate') })그러나 I/O 콜백에 넣는 경우에는 폴링 단계 다음에 확인 단계가 따르기 때문에 setImmediate()를 먼저 실행해야 합니다. poll 단계 poll 단계에는 주로 두 가지 기능이 있습니다. Poll 대기열의 이벤트 처리 다음과 같은 경우 이미 타이머 시간이 초과되면 콜백 함수를 실행합니다. even 루프는 대기열이 비어 있거나 실행된 콜백이 시스템 상한에 도달할 때까지 폴 대기열의 콜백을 동기적으로 실행합니다(상한은 알 수 없음). ), 그런 다음 루프 사전 설정된 setImmediate()가 있는지 확인합니다. 두 가지 상황이 있습니다: 사전 설정된 setImmediate()가 있는 경우 이벤트 루프는 폴링 단계를 종료하고 Queue미리 설정된 setImmediate()가 없으면 이벤트 루프가 이 단계에서 차단되고 대기합니다주의하세요. 한 가지 세부 사항으로 setImmediate()가 이벤트를 발생시키지 않습니다. 폴 단계에서 루프가 차단되므로 이전에 설정된 타이머가 실행될 수 없는 것은 아닌가요? 따라서 투표 단계 이벤트에서 루프에는 타이머 큐가 비어 있는지 확인하는 확인 메커니즘이 있습니다. 타이머 큐가 비어 있지 않으면 이벤트가 발생합니다. 루프는 이벤트 루프의 다음 라운드를 시작합니다. 즉, 타이머 단계로 다시 들어갑니다. check 단계 setImmediate() 콜백이 체크 큐에 추가될 예정입니다. 이벤트 루프 단계 다이어그램을 보면 체크 단계의 실행 순서를 알 수 있습니다. 여론 조사 단계 이후입니다. Summary이벤트 루프의 각 단계에는 작업 큐가 있습니다. 이벤트 루프가 특정 단계에 도달하면 해당 단계의 작업이 작업 큐는 큐가 지워지거나 실행된 콜백이 시스템 상한에 도달할 때까지 다음 단계로 이동하지 않습니다. 모든 단계가 한 번 순차적으로 실행되면 이벤트 루프가 발생한다고 합니다. 진드기 완료
말이 되긴 하지만 데모 없이는 아직 완전히 이해가 안 돼요, 지금 불안해요!
const fs = require('fs')fs.readFile('test.txt', () => { console.log('readFile') setTimeout(() => { console.log('timeout') }, 0) setImmediate(() => { console.log('immediate') }) })실행 결과는 의심할 여지가 없습니다
readFile immediate timeoutNode.js와 브라우저 이벤트 루프의 차이점 이전 기사 검토, 브라우저에서 이 환경에서는 각 매크로태스크가 실행된 후에 마이크로태스크의 작업 대기열이 실행됩니다.
Node.js에서 마이크로태스크는 이벤트 루프의 다양한 단계 사이에서 실행됩니다. 즉, 단계가 실행된 후에 마이크로태스크가 실행됩니다. . 마이크로태스크 대기열의 작업입니다.
demo review
글 시작 부분에서 데모를 검토하세요. 스크립트(main( )) 실행, 2개의 타이머를 타이머 큐에 순서대로 넣고 main()이 실행되고 호출 스택이 유휴 상태가 되며 작업 큐가 실행을 시작합니다.
首先进入timers阶段,执行timer1的回调函数,打印timer1,并将promise1.then回调放入microtask队列,同样的步骤执行timer2,打印timer2;
至此,timer阶段执行结束,event loop进入下一个阶段之前,执行microtask队列的所有任务,依次打印promise1、promise2。
对比浏览器端的处理过程:
process.nextTick() VS setImmediate()
In essence, the names should be swapped. process.nextTick() fires more immediately than setImmediate()
来自官方文档有意思的一句话,从语义角度看,setImmediate() 应该比 process.nextTick() 先执行才对,而事实相反,命名是历史原因也很难再变。
process.nextTick() 会在各个事件阶段之间执行,一旦执行,要直到nextTick队列被清空,才会进入到下一个事件阶段,所以如果递归调用 process.nextTick(),会导致出现I/O starving(饥饿)的问题,比如下面例子的readFile已经完成,但它的回调一直无法执行:
const fs = require('fs')const starttime = Date.now()let endtime fs.readFile('text.txt', () => { endtime = Date.now() console.log('finish reading time: ', endtime - starttime)})let index = 0function handler () { if (index++ >= 1000) return console.log(`nextTick ${index}`) process.nextTick(handler) // console.log(`setImmediate ${index}`) // setImmediate(handler)}handler()
process.nextTick()的运行结果:
nextTick 1 nextTick 2 ...... nextTick 999 nextTick 1000 finish reading time: 170
替换成setImmediate(),运行结果:
setImmediate 1 setImmediate 2 finish reading time: 80 ...... setImmediate 999 setImmediate 1000
这是因为嵌套调用的 setImmediate() 回调,被排到了下一次event loop才执行,所以不会出现阻塞。
总结
1、Node.js 的事件循环分为6个阶段
2、浏览器和Node 环境下,microtask 任务队列的执行时机不同
Node.js中,microtask 在事件循环的各个阶段之间执行
浏览器端,microtask 在事件循环的 macrotask 执行完之后执行
3、递归的调用process.nextTick()会导致I/O starving,官方推荐使用setImmediate()
위 내용은 Node.js의 이벤트 루프 메커니즘 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

C/C에서 JavaScript로 전환하려면 동적 타이핑, 쓰레기 수집 및 비동기 프로그래밍으로 적응해야합니다. 1) C/C는 수동 메모리 관리가 필요한 정적으로 입력 한 언어이며 JavaScript는 동적으로 입력하고 쓰레기 수집이 자동으로 처리됩니다. 2) C/C를 기계 코드로 컴파일 해야하는 반면 JavaScript는 해석 된 언어입니다. 3) JavaScript는 폐쇄, 프로토 타입 체인 및 약속과 같은 개념을 소개하여 유연성과 비동기 프로그래밍 기능을 향상시킵니다.

각각의 엔진의 구현 원리 및 최적화 전략이 다르기 때문에 JavaScript 엔진은 JavaScript 코드를 구문 분석하고 실행할 때 다른 영향을 미칩니다. 1. 어휘 분석 : 소스 코드를 어휘 단위로 변환합니다. 2. 문법 분석 : 추상 구문 트리를 생성합니다. 3. 최적화 및 컴파일 : JIT 컴파일러를 통해 기계 코드를 생성합니다. 4. 실행 : 기계 코드를 실행하십시오. V8 엔진은 즉각적인 컴파일 및 숨겨진 클래스를 통해 최적화하여 Spidermonkey는 유형 추론 시스템을 사용하여 동일한 코드에서 성능이 다른 성능을 제공합니다.

실제 세계에서 JavaScript의 응용 프로그램에는 서버 측 프로그래밍, 모바일 애플리케이션 개발 및 사물 인터넷 제어가 포함됩니다. 1. 서버 측 프로그래밍은 Node.js를 통해 실현되며 동시 요청 처리에 적합합니다. 2. 모바일 애플리케이션 개발은 재교육을 통해 수행되며 크로스 플랫폼 배포를 지원합니다. 3. Johnny-Five 라이브러리를 통한 IoT 장치 제어에 사용되며 하드웨어 상호 작용에 적합합니다.

일상적인 기술 도구를 사용하여 기능적 다중 테넌트 SaaS 응용 프로그램 (Edtech 앱)을 구축했으며 동일한 작업을 수행 할 수 있습니다. 먼저, 다중 테넌트 SaaS 응용 프로그램은 무엇입니까? 멀티 테넌트 SAAS 응용 프로그램은 노래에서 여러 고객에게 서비스를 제공 할 수 있습니다.

이 기사에서는 Contrim에 의해 확보 된 백엔드와의 프론트 엔드 통합을 보여 주며 Next.js를 사용하여 기능적인 Edtech SaaS 응용 프로그램을 구축합니다. Frontend는 UI 가시성을 제어하기 위해 사용자 권한을 가져오고 API가 역할 기반을 준수하도록합니다.

JavaScript는 현대 웹 개발의 핵심 언어이며 다양성과 유연성에 널리 사용됩니다. 1) 프론트 엔드 개발 : DOM 운영 및 최신 프레임 워크 (예 : React, Vue.js, Angular)를 통해 동적 웹 페이지 및 단일 페이지 응용 프로그램을 구축합니다. 2) 서버 측 개발 : Node.js는 비 차단 I/O 모델을 사용하여 높은 동시성 및 실시간 응용 프로그램을 처리합니다. 3) 모바일 및 데스크탑 애플리케이션 개발 : 크로스 플랫폼 개발은 개발 효율을 향상시키기 위해 반응 및 전자를 통해 실현됩니다.

JavaScript의 최신 트렌드에는 Typescript의 Rise, 현대 프레임 워크 및 라이브러리의 인기 및 WebAssembly의 적용이 포함됩니다. 향후 전망은보다 강력한 유형 시스템, 서버 측 JavaScript 개발, 인공 지능 및 기계 학습의 확장, IoT 및 Edge 컴퓨팅의 잠재력을 포함합니다.

JavaScript는 현대 웹 개발의 초석이며 주요 기능에는 이벤트 중심 프로그래밍, 동적 컨텐츠 생성 및 비동기 프로그래밍이 포함됩니다. 1) 이벤트 중심 프로그래밍을 사용하면 사용자 작업에 따라 웹 페이지가 동적으로 변경 될 수 있습니다. 2) 동적 컨텐츠 생성을 사용하면 조건에 따라 페이지 컨텐츠를 조정할 수 있습니다. 3) 비동기 프로그래밍은 사용자 인터페이스가 차단되지 않도록합니다. JavaScript는 웹 상호 작용, 단일 페이지 응용 프로그램 및 서버 측 개발에 널리 사용되며 사용자 경험 및 크로스 플랫폼 개발의 유연성을 크게 향상시킵니다.


핫 AI 도구

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

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

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

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

인기 기사

뜨거운 도구

안전한 시험 브라우저
안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.

MinGW - Windows용 미니멀리스트 GNU
이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.

SecList
SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.

WebStorm Mac 버전
유용한 JavaScript 개발 도구

드림위버 CS6
시각적 웹 개발 도구
