JS를 사용하여 단일 스레드 비동기 io 콜백을 구현하는 방법

이 기사에서는 주로 JavaScript의 단일 스레드 비동기 io 콜백의 특성을 분석합니다. 우리가 컴파일한 내용이 도움이 되기를 바랍니다.

JavaScript에 대한 초기 접촉의 대부분은 HTML의 js 스크립트로 시작되었지만 우리는 몇 년 동안 그 원리와 메커니즘을 이해하지 못한 채 이 단순해 보이는 언어를 사용해 왔습니다.

적어도 JavaScript는 다양한 이벤트를 사용합니다. 버튼, 링크 클릭, 마우스 패스, 포커스 획득 등 DOM 조작 시 콜백

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

이 요소를 마우스로 클릭하면 이벤트가 트리거되고 이벤트 바인딩 기능이 즉시 실행되고

나중에 들어왔을 때 돌아갑니다. jquery와 접촉하니 점점

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

jquery 문법이 많이 쓰여지고 익숙해진 것 같았는데, 이전 셀렉터는 DOM 노드만 선택하고 필터링한다는 것을 아셨을 겁니다. 다음 클릭은 이벤트 등록이고, 안에 있는 function(){}은 실제로는 이벤트 바인딩 함수의 매개변수입니다. 이를 위해서는 자바스크립트의 구문에 익숙해야 합니다.

함수는 자바스크립트의 객체로 세상의 모든 것을 참조할 수 있습니다. , 그래서 객체는 많은 속성, 메서드 등을 포함할 수 있습니다.

객체이므로 매개변수로 전달될 수 있습니다. 이런 종류의 함수를 고차 함수라고 합니다.

그리고 이런 종류의 함수에는 정의된 것이 없습니다. name 맞죠? 물론 이름을 지어줄 수도 있고, 이름을 넘겨주면 똑같지만, 여기서 함수 객체는 사실 형식적인 매개변수이기 때문에 말이 안 되거든요. 그래서 우리는 이런 종류를 주지 않는 데 익숙합니다. 흔히 말하는 익명 함수입니다.

위의 $("#id").click에 이어 클릭 이벤트가 발생하면 이벤트 바인딩 기능이 실행되어야 합니다.

스크립트를 작동하기 위해 브라우저에 여러 개의 스레드가 있다고 가정해 보겠습니다. 스레드 1이 요소 A의 값을 수정하려고 했는데 예기치 않게 스레드 2가 이미 삭제되었습니다. DOM 트리의 요소 A 노드에서 현재 하나의 스레드가 작동하지 않고 오류를 보고합니다. 이 상황은 브라우저가 여러 스레드에서 데이터의 일관성을 유지하지 못하거나 프런트 엔드에서 발생합니다. 엔지니어가 직접 관리하므로... 브라우저 스레드가 돔을 운영하는 것이 단 하나뿐이므로 불필요한 문제가 많이 줄어듭니다.

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

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

300밀리초 후에도 경고('팝업')가 발생할 가능성이 여전히 있다고 생각하시나요? ?

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

스레드가 무한 루프 모드에 있고 while 문을 실행합니다.

그리고 나서 우리는 node.js의 세계로 들어갔습니다. 이는 브라우저의 JavaScript 특성, 단일 스레드 비동기 콜백을 완전히 유지하며 바로 이 기능 때문입니다. node.js가 동기식 언어라면 모든 npm 패키지를 C++로 확장하더라도 (속도는 충분합니다.) 아무리 빨라도 C 언어 처리 속도를 이길 수는 없겠죠? 그렇다면 node.js가 탄생하기도 전에 PHP는 멸시했을지도 모릅니다.

비동기식 콜백 IO 덕분에 효율성을 높이고 더 효율적으로 만들 수 있었습니다. 학교 구내식당:

식당에서는 학생들이 모두 접시를 들고 창가에 줄을 섰고, 식사를 준비한 언니가 한 명씩 배를 채우고 밥을 하나씩 들고 나갔습니다.

학교 패스트푸드점에서도 학생들이 주문을 하기 위해 줄을 서 있는데, 주문 후 호출기를 들고 자리를 찾으러 나갈 수 있습니다. 이런 식으로 웨이터는 내부의 많은 사람들에게 서비스를 제공할 수 있습니다. 식사를 마친 학생들은 창가에 멍청하게 서서 식사를 기다리지 않고 스스로 자리를 찾아 다른 일을 할 수 있습니다. 식사가 나오는 순간 서버가 코드를 눌러줍니다. 그러면 테이블에 있는 호출기가 벨이 울리면 가서 음식을 가져가면 됩니다. 이것은 호출자가 소리를 내면 이벤트가 발생합니다.

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

위 내용은 제가 모두를 위해 작성한 것입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

react-navigation의 탐색 사용법에 대한 자세한 해석

Javascript의 Function 함수에 대한 자세한 해석(자세한 튜토리얼)

맞춤 시각화를 위해 AngularJS2 및 D3.js 통합을 사용하는 방법

위 내용은 JS를 사용하여 단일 스레드 비동기 io 콜백을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!