목차


 조건

setTimeout( function() {
    console.log( "A" );
}, 3000 );

setTimeout( function() {
    console.log( "B" );
}, 2000 );

setTimeout( function() {
    console.log( "C" );
}, 1000 );

 

 콜백 함수를 이용해서 A, B, C 순서대로 콘솔에 출력

setTimeout( function() {
    console.log( "A" );
    setTimeout( function() {
        console.log( "B" );
        setTimeout( function() {
            console.log( "C" );
        }, 1000 );
    }, 2000 );
}, 3000 );

 

 Promise를 이용해서 A, B, C 순서대로 콘솔에 출력

function promise1( str, time ) {
    return new Promise(( resolve ) => {
        setTimeout( () => {
            console.log( str );
            resolve();
        }, time );
    });
}

promise1( "A", 3000 )
.then( () => promise1( "B", 2000 ) )
.then( () => promise1( "C", 1000 ) )

 

Github

Link

 

'JavaScript > JavaScript_TEST' 카테고리의 다른 글

Ajax_TEST  (0) 2023.05.10
timer_TEST  (0) 2023.05.08
DOM_TEST  (0) 2023.05.05
date_TEST  (0) 2023.05.05
math_TEST  (0) 2023.05.05

+ Recent posts