[JS] 자바스크립트 - Promise
동기 vs 비동기
동기 : 순차적 , 어떻게 실행하는지 파악쉽다
비동기 : 동시적, 혼란스럽지만 빠르다
비동기를 언제 사용할까?
어떠한 명령을 실행할때
그명려이 언제 끝날지 예측하기 어렵거나
주가 되는 작업이 아닐떄 (통신)
EX)
서버 와 웹브라우저가 통신할때 그 통신이 언제
끝날지 예측하기 어렵다
Ajax
: 브라우저와 웹서버가 페이지 리로드를 하지
않고도 자바스크립트로 통신하는것
fetch
fetch ('URL')
.then()=>{
}
리턴값이 promise 일때
- 그함수는 비동기적으로 동작한다
- 그함수가 리턴한값은 두개의 메소드를 반환한다
**1. then : 성공했을때
then (콜백함수(result))
2. catch : 실패했을떄
catch (콜백함수(reason))**
사용법>>
1.네이스트
사용함수 ()
//json 데이터 타입맞게 자바스크립트 데이터 타입으로 돌려줌
.then (response.json().then(fuction(data)
.catch()
2. 체이닝
사용함수 ()
//json 데이터 타입맞게 자바스크립트 데이터 타입으로 돌려줌
.then ( return response.json())
.catch()
.then()
Promise 사용이유
비동기 적인 어떤 작업을 처리할때 그작업이
성공했는지 실패했는지를 표준화된 방식을
이용해서 처리할수 있도록 해준다
동기 : 순차적 , 어떻게 실행하는지 파악쉽다
비동기 : 동시적, 혼란스럽지만 빠르다
Author And Source
이 문제에 관하여([JS] 자바스크립트 - Promise), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@tkp12345/JS-비동기-call-back저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)