DBILITY

javascript es6 promise 본문

front-end & ui/javascript

javascript es6 promise

DBILITY 2021. 12. 22. 11:33
반응형

문자그대로 실행한 결과에 따라 처리를 가능하게 한다. promise는 비동기처리 문법이 아니다.

내부에 비동기처리 코드가 있어야 비동기처리가 되는 것이다.

음..비동기처리 결과에 대한 순차처리가 필요할때 사용하면 되겠다.

대략 다음과 같다.

var promise = new Promise((resolve, reject)=>{
    var x = 2;
    if(1<x){
        setTimeout(()=> resolve(x),1000);
    } else {
        reject(0);
    }
});
promise.then((result) => {
    console.log(result);
}).catch((error) => {
    console.log(error);
});
// PromiseState pending, fulfilled(resolved), rejected

resolve나 reject를 하지 않은 상태는 pending, resovle시 fulfilled, reject실행시 rejected로 변한다.

jQuery의 ajax..done..fail과 비슷하다. fetch는 promise를 리턴한다.

fetch를 사용한 파일업로드 예제를 참고하자.

https://hyperrookie.tistory.com/505

 

pure javascript file upload 테스트

기능을 테스트하며 기록을 남긴다. back-end는 spring 4.3.9.RELEASE를 사용했다. commons-fileupload를 사용하기 위해 pom에 dependency 추가 commons-fileupload commons-fileupload 1.2.2 commons-io commons-i..

www.dbility.com

 

반응형
Comments