js 단일 스 레 드 와 비동기 프로 그래 밍

1706 단어
1. js 의 단일 스 레 드
js 를 접촉 하기 시 작 했 을 때 부터 우 리 는 js 가 단일 스 레 드 라 는 것 을 알 았 다.단일 스 레 드 가 프로그램 이 실 행 될 때 가 는 프로그램 경 로 는 연속 적 인 순서에 따라 배열 되 고 앞의 것 은 잘 처리 해 야 뒤의 것 이 실 행 됩 니 다.실현 이 간단 하고 코드 를 훑 을 때 한 라인 에 따라 내 려 오 는 사고 도 뚜렷 하 다 는 것 이 장점 이다.단점 은 시간 이 걸 리 는 작업 이 있 으 면 뒤의 작업 을 처리 할 때 줄 을 서서 기다 리 는 것 이다. 순환 이 있 으 면 브 라 우 저 는 기본적으로 가사 붕괴 되 고 사용 자 는 gg 를 칠 기회 조차 없다.그 러 니까 개발 할 때 이런 거 신경 써.
2. 단일 스 레 드 문제 해결 - 비동기 프로 그래 밍
단일 스 레 드 의 단점 을 보완 하기 위해 서 우 리 는 비동기 프로 그래 밍 방식 을 채택 할 수 있다.세 가지 자주 사용 하 는 비동기 프로 그래 밍 방법:
1. 리 턴 함수
    function A (callback) {
         //do something
       callback()
     }

    function B () {
        //do something
    }
    
    function A (B)

리 셋 함 수 는 가장 보편적으로 사용 되 어야 하 며 대부분 제3자 도구 의 작은 기능 과 플러그 인 이 사용 된다.예 를 들 어 jQuery 의 ajax 에 있 는 suuccess 리 셋, error 리 셋.
    $.ajax({
            url : url,
            type : "GET",
            success : () => {
                //do something
            },
            error : () => {
                //do something
            }
        });

2. 사건 감청
예 를 들 어 angularJs 의 $watch.
    $scope.$watch('data', function (newValue, oldValue) {
         //do something
         A()
     });

$scope. $watch (value, callbanck) 를 만 들 면 value 를 감청 하고 value 가 변 할 때 callbanck 함 수 를 실행 합 니 다.비동기 적 인 목적 을 달성 하 다.
3. Promises
ECMAScript 6 에서 Promises 의 용법 을 규범화 시 켰 고 Promises 기록 규범 도 이러한 비동기 프로 그래 밍 방식 이 더욱 유리 하고 사람들 에 게 쉽게 받 아들 여진 다 는 것 을 의미한다.더 중요 한 것 은 대부분의 브 라 우 저가 ES6 를 지원 하면 Promises 를 사용 하면 제3자 라 이브 러 리 에 의존 할 필요 가 없다 는 것 이다.ES6 를 해석 하 는 글 이 많아 서 나 는 짐꾼 을 그만 두 었 다.완 일 봉 선생님 의 ECMAScript 6 입문 을 동봉 합 니 다.

좋은 웹페이지 즐겨찾기