-
[Java Script] Promise 간단히 알아보기Java Script 2023. 3. 27. 18:04
자바스크립트에서 promise는 비동기작업을 쉽게 할 수 있게 도와주는 기능입니다.
콜백함수로 비동기 처리를 할 수 있지만 작업이 많으면 코드가 복잡해지기 때문에
Promise를 사용할 수 있습니다.
| 사용
먼저 Promise를 만들려면
new Promise() 문법으로
변수 오브젝트를 하나 생성하면 됩니다.
let 프로미스 = new Promise(function(resolve, reject){ }); 프로미스.then(function(){ }).catch(function(){ })
이런 식으로 사용하면 되는데
이때 프로미스 안의 코드가 실행(resoleve)되면 then() 안에 있는 코드를 실행시켜 고,
또한 코드 실행이 실패(reject)하면 catch() 안에 있는 코드를 실행시켜 줍니다.
// then()안에 있는 코드 실행 let 프로미스 = new Promise(function(resolve, reject){ resolve() // 실행됨 }); 프로미스.then(function(){ console.log('실행됨') }).catch(function(){ console.log('실패') }) // catch()안에 있는 코드 실행 let 프로미스 = new Promise(function(resolve, reject){ reject() // 실패 }); 프로미스.then(function(){ console.log('실행됨') }).catch(function(){ console.log('실패') })
이런 식으로 작동이 됩니다.
또한 프로미스를 콘솔창에 출력하면 현재의 상태를 알 수 있는데
실행의 성공/실패 판정 전에는 pending이라는 상태로 출력되고,
성공 후에는 resolved, 실패 후에는 rejected라는 상태로 출력이 됩니다.
'Java Script' 카테고리의 다른 글
[Java Script] Destructuring 문법 (0) 2023.03.29 [Java Script] async/await 알아보기 (0) 2023.03.28 [Java Script] 깊은 복사 와 얇은 복사 (0) 2023.03.24 [Java Script] 동기, 비동기 처리에 대해 (0) 2023.03.23 [Java Script] 원시타입(Primitive Type) 과 참조타입(Reference Type) 알아보기 (0) 2023.03.22