JavaScript의 약속 체이닝이란 무엇입니까?
이 튜토리얼에서는 JavaScript의 Promise Chaining에 대해 설명합니다. Promise 체인으로 전환하기 전에 먼저 Promise가 무엇인지부터 이야기해 봅시다
그래서 우리는 JavaScript가 단일 스레드라는 것을 알고 있습니다. 즉, 아래와 같이 실행할 함수가 하나인 호출 스택이 하나만 있기 때문에 두 함수가 동시에 실행될 수 없다는 것을 의미합니다
한 함수가 실행을 완료하면 다른 함수가 실행을 시작하므로 두 개 이상의 함수를 동시에 실행하기 위해 JavaScript 예제에서 비동기 프로그래밍을 사용합니다. setTimeout 함수는 콜백 함수와 지정된 시간을 허용하고 그 후에는 함수 실행됩니다.
으아악그래서 우리는 비동기 작업의 결과와 완료 또는 실패를 제공하는 비동기 작업에 Promise를 사용합니다.
실생활에서와 마찬가지로 우리는 약속을 하는 것과 같은 방식으로 무엇이든 약속하며, 이는 세 가지 상태 중 하나로 존재합니다.
- Pending - 초기 상태를 나타내며 완료되지도 거부되지도 않음을 의미합니다.
- Fulfilled - 이는 우리가 할당한 작업이 성공적으로 완료되었음을 의미합니다.
- Denied - 이 상태는 작업을 수행할 수 없어 거부되었음을 의미합니다.
비동기 메서드는 값을 반환하지만 최종 값을 반환하는 대신 나중에 함수에 값을 제공하겠다는 약속을 반환합니다.
Promise 문 다음에 then() 메서드를 사용하여 Promise를 실행하고, 오류로 인해 거부되면 catch 블록을 사용하여 처리됩니다.
JavaScript에서 Promise를 어떻게 선언하나요?
으아악여기에는 Promise 내부에 콜백 함수라는 함수가 있습니다. 이 함수에는 resolve() 및 reject() 두 가지 메서드로 매개변수가 있습니다. 두 가지 모두에 대한 위의 설명에서 이미 알고 있습니다.
여기서 해결은 주어진 함수의 성공적인 완료를 보장하는 반면, 거부는 주어진 실행 가능한 콜백 함수의 실패한 완료에 대한 책임을 보장합니다.
예 1
Set을 사용하여 문자열에서 고유한 문자를 찾는 프로그램을 살펴보겠습니다.
으아악위 내부. then() 메서드는 콜백 함수를 전달하고 value 변수는 해결() 메서드의 결과를 인쇄하는 역할을 합니다.
커미트먼트 체인이란 무엇인가요?
Promise 체인은 기본적으로 여러 개의 비동기 함수 호출이며 동기 방식으로 하나씩 실행됩니다. then() 메소드.
예 2
예문을 통해 자세히 이해해 볼까요?
으아악프로미스 체인이 어떻게 작동하는지 이해해 봅시다.
- 첫번째 약속이 이루어졌습니다.
- 그런 다음 새로운 Promise를 생성하고 해결되는 .then() 메서드가 호출됩니다.
- .then() 메서드를 다시 호출하면 새 Promise가 생성되고 이 Promise도 해결됩니다.
- 다시 한번 말씀드리지만, 작동 중입니다. 또 다른 Promise 핸들러를 추가할 수도 있습니다.
따라서 기본적으로 .then() 메서드는 새 Promise를 반환하고 .then()을 사용하여 next 등을 호출합니다.
예 3
으아악그래서 우리는 기본부터 헌신 체인까지 작동 방식에 대한 심층적인 개념을 봅니다.
위 내용은 JavaScript의 약속 체이닝이란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

핫 AI 도구

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

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

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

Clothoff.io
AI 옷 제거제

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

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

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

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

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

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

뜨거운 주제











JavaScript 문자열 교체 방법 및 FAQ에 대한 자세한 설명 이 기사는 JavaScript에서 문자열 문자를 대체하는 두 가지 방법 인 내부 JavaScript 코드와 웹 페이지의 내부 HTML을 탐색합니다. JavaScript 코드 내부의 문자열을 교체하십시오 가장 직접적인 방법은 대체 () 메소드를 사용하는 것입니다. str = str.replace ( "find", "replace"); 이 메소드는 첫 번째 일치 만 대체합니다. 모든 경기를 교체하려면 정규 표현식을 사용하고 전역 플래그 g를 추가하십시오. str = str.replace (/fi

이 튜토리얼은 사용자 정의 Google 검색 API를 블로그 또는 웹 사이트에 통합하는 방법을 보여 주며 표준 WordPress 테마 검색 기능보다보다 세련된 검색 경험을 제공합니다. 놀랍게도 쉽습니다! 검색을 Y로 제한 할 수 있습니다

손쉬운 웹 페이지 레이아웃에 대한 jQuery 활용 : 8 에센셜 플러그인 jQuery는 웹 페이지 레이아웃을 크게 단순화합니다. 이 기사는 프로세스를 간소화하는 8 개의 강력한 JQuery 플러그인을 강조합니다. 특히 수동 웹 사이트 생성에 유용합니다.

그래서 여기 당신은 Ajax라는이 일에 대해 배울 준비가되어 있습니다. 그러나 정확히 무엇입니까? Ajax라는 용어는 역동적이고 대화식 웹 컨텐츠를 만드는 데 사용되는 느슨한 기술 그룹을 나타냅니다. 원래 Jesse J에 의해 만들어진 Ajax라는 용어

핵심 포인트 JavaScript에서는 일반적으로 메소드를 "소유"하는 객체를 말하지만 함수가 호출되는 방식에 따라 다릅니다. 현재 객체가 없으면 글로벌 객체를 나타냅니다. 웹 브라우저에서는 창으로 표시됩니다. 함수를 호출 할 때 이것은 전역 객체를 유지하지만 객체 생성자 또는 그 메소드를 호출 할 때는 객체의 인스턴스를 나타냅니다. call (), apply () 및 bind ()와 같은 메소드를 사용 하여이 컨텍스트를 변경할 수 있습니다. 이 방법은 주어진이 값과 매개 변수를 사용하여 함수를 호출합니다. JavaScript는 훌륭한 프로그래밍 언어입니다. 몇 년 전,이 문장은있었습니다

이 게시물은 Android, BlackBerry 및 iPhone 앱 개발을위한 유용한 치트 시트, 참조 안내서, 빠른 레시피 및 코드 스 니펫을 컴파일합니다. 개발자가 없어서는 안됩니다! 터치 제스처 참조 안내서 (PDF) Desig를위한 귀중한 자원

JQuery는 훌륭한 JavaScript 프레임 워크입니다. 그러나 어떤 도서관과 마찬가지로, 때로는 진행 상황을 발견하기 위해 후드 아래로 들어가야합니다. 아마도 버그를 추적하거나 jQuery가 특정 UI를 달성하는 방법에 대해 궁금한 점이 있기 때문일 것입니다.

기사는 JavaScript 라이브러리 작성, 게시 및 유지 관리, 계획, 개발, 테스트, 문서 및 홍보 전략에 중점을 둡니다.
