JS 단일 스레드 비동기 io 콜백의 특징에 대한 자세한 설명

JavaScript에 대한 초기 노출의 대부분은 HTML의 js 스크립트로 시작되었습니다. 그러나 우리는 몇 년 동안 그 원리와 메커니즘을 이해하지 못한 채 이 단순해 보이는 언어를 사용해 왔습니다. 적어도 JavaScript의 다양한 이벤트 콜백이 사용됩니까? 버튼, 링크 클릭, 마우스 패스, 포커스 획득 등 DOM을 조작할 때. 이 기사에서는 주로 JavaScript 단일 스레드 비동기 io 콜백의 특성을 분석합니다.

이 프로세스에서는 onclick="doCheck()"와 같은 dom에 이벤트 콜백 함수를 바인딩합니다. 이 프로세스는 dom 요소에 대한 클릭 이벤트를 등록하고 이벤트 콜백 함수 doCheck()를 바인딩하는 것입니다.

언제 이 요소를 마우스로 클릭하면 이벤트가 발생하고 이벤트 바인딩 기능이 즉시 실행되어 반환됩니다.

나중에 jquery를 접해보니 수많은

$("#id").click(function(){
alert('点击事件');
});

이 많이 쓰여졌습니다. jquery 구문에 더 익숙해진 것 같지만 이전 선택기는 DOM 노드만 선택하고 필터링하고 후속 클릭은 이벤트 등록이며 내부의 function(){}은 실제로 매개변수라는 것을 알 수 있습니다. , 이벤트 바인딩 함수의 매개 변수를 사용하려면 자바스크립트의 구문에 익숙해야 합니다.

함수는 자바스크립트의 객체이므로 객체는 많은 속성, 메서드,

객체이기 때문에 매개변수로 전달되는 경우 이런 함수를 고차 함수라고 합니다.

그리고 이런 함수에는 정의된 이름이 없습니다. 그렇죠? 이름을 붙일 수 있고, 이름을 건네는 것과 같지만, 여기서는 함수 객체이기 때문에 의미가 없습니다. 사실 형식적인 매개변수이기 때문에 우리는 이런 함수에 이름을 붙이지 않는 데 익숙합니다. 흔히 익명 함수라고 부르는 것이 있습니다.

위의 $("#id").click에 이어 click 이벤트가 발생하면 이벤트 바인딩 기능을 실행해야 합니다. onclick을 직접 주는 것과 같은 효과가 있습니다.

브라우저에 스크립트를 작동하는 스레드가 여러 개 있다고 가정하면 혼란스러운 상황을 상상할 수 있습니까? 스레드 1이 맞습니다. 요소 A의 값을 수정하고 싶지만 해당 스레드는 예상하지 못했습니다. 두 번째는 이미 DOM 트리에서 요소 A의 노드를 삭제했습니다. 이때 스레드 1은 실패하고 오류를 보고했습니다. 이 상황은 심각하지 않거나 브라우저가 여러 스레드를 유지 관리하지 않습니다. -엔지니어 자체가... 브라우저에는 DOM을 작동하는 스레드가 하나만 있어서 불필요한 문제가 많이 줄어듭니다.

setTimeout(function(){
alert('弹出');
},300);

while(true){
	........
}

경고가 300밀리초 후에 발생할 것이라고 생각하시나요? ') 재미가 있나요?

아니요, 300밀리초를 기다리는 것은 단지 감정을 속이기 위한 것입니다. 왜냐하면 브라우저는 단일 스레드 모드에서 스크립트를 실행하기 때문입니다.

스레드가 무한 루프에 빠지면 모드에서 while 문을 실행하면 setTimeout이 더 이상 효과가 없습니다.

그런 다음 브라우저, 단일 스레드 비동기 콜백에서 JavaScript의 특성을 완전히 유지하는 node.js의 세계로 들어갔습니다. node.js가 동기식 언어라면 모든 npm 패키지를 C++로 확장하더라도(충분히 빠르다) 아무리 빨라도 C 언어 처리 속도를 따라잡을 수는 없겠죠. ? 그렇다면 node.js는 아직 탄생하지 않았을 수도 있습니다.

비동기 콜백 IO 덕분에 효율성이 향상되었습니다. 학교와 학교 구내식당:

학생들이 모두 모이는 식당 창가에 접시가 일렬로 늘어서 있었고, 밥을 지은 언니가 그 접시들을 하나씩 채워가며 밥을 하나씩 들고 나갔다.

학교 패스트푸드점에도 학생들이 주문을 하기 위해 줄을 서 있는데, 주문을 하고 나면 바로 받아가는 삐삐가 나가서 자리를 찾을 수 있어 웨이터가 많은 사람들에게 서비스를 제공할 수 있습니다. 식사를 주문한 학생들은 창가에 서서 식사를 기다리지 않고, 식사가 나오는 순간 서버가 코드에 따라 알아서 자리를 찾고 다른 일을 할 수 있습니다. 이때 테이블에 있는 호출기가 울리며, 바로 가서 식사를 가져갈 수 있습니다. 이는 비동기식 처리입니다.

단일 스레드로 리소스 낭비를 줄일 수 있습니다. 여러 스레드 간 상태 전환으로 인해 발생하는 유지 관리 문제 물론 멀티 코어 및 멀티 스레드 시나리오를 지원하는 특수 타사 패키지도 있습니다.

관련 권장 사항:

JavaScript setTimeout의 싱글 thread

단일 스레드 프로그래밍 언어 PHP가 다중 스레드 작업을 구현하는 방법

JavaScript 단일 스레드에 대한 몇 가지 사항을 자세히 소개합니다(그림)

위 내용은 JS 단일 스레드 비동기 io 콜백의 특징에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!