Dev/JS & Jquery

[javascript] 콜백지옥을 탈출하는 q.js

창문닦이 2020. 2. 18. 21:56

Depth가 깊어지며 콜백 함수를 알아보기 힘든 피라미드 구조 .

step1(function (value1) {
    step2(value1, function(value2) {
        step3(value2, function(value3) {
            step4(value3, function(value4) {
                // Do something with value4
            });
        });
    });
});

q.js를 활용한다면 깔끔해지고 순차적인 비동기 처리를 가독성 높게 파악 가능하다.

Q.fcall(promisedStep1)
.then(promisedStep2)
.then(promisedStep3)
.then(promisedStep4)
.then(function (value4) {
    // Do something with value4
})
.catch(function (error) {
    // Handle any error from all above steps
})
.done();

 

Reference 

https://github.com/kriskowal/q