[JS] 자바스크립트 - Promise

동기 vs 비동기


동기 : 순차적 , 어떻게 실행하는지 파악쉽다

비동기 : 동시적, 혼란스럽지만 빠르다

비동기를 언제 사용할까?


어떠한 명령을 실행할때

그명려이 언제 끝날지 예측하기 어렵거나

주가 되는 작업이 아닐떄 (통신)

EX)
서버 와 웹브라우저가 통신할때 그 통신이 언제
끝날지 예측하기 어렵다 

Ajax

: 브라우저와 웹서버가 페이지 리로드를 하지 
않고도 자바스크립트로 통신하는것 

fetch


fetch ('URL')
 .then()=>{
	}

리턴값이 promise 일때


  1. 그함수는 비동기적으로 동작한다
  2. 그함수가 리턴한값은 두개의 메소드를 반환한다
**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 사용이유


비동기 적인 어떤 작업을 처리할때 그작업이

성공했는지 실패했는지를 표준화된 방식을

이용해서 처리할수 있도록 해준다

동기 : 순차적 , 어떻게 실행하는지 파악쉽다

비동기 : 동시적, 혼란스럽지만 빠르다

좋은 웹페이지 즐겨찾기