ES6+ SYNC, ASYNC (block, non-block)

ES6+ SYNC, ASYNC (block, non-block)

SYNC : 서브루틴이 즉시 값을 반환함

BLOCK : 즉시 플로우제어권을 반환하지 않음

대부분 이렇게 프로그램을 작성함

코드 작성할때 습관을 아래처럼(블럭가드)

for(let i=i; j=arr.length,limit=20000; limit-- > 0 &&  i<j; i++) [

}

if(limit<0) {

}

NON BLOCK : 즉시 플로우제어권을 반환함

ASYNC : 서브루틴이 콜백을 통해 값을 반환함

BLOCK : 즉시 플로우제어권을 반환하지 않음 : 무조건 피해야함

NON BLOCK : 즉시 플로우제어권을 반환함

modern API 

 
async 함수 : 서브루틴 콜백을 통해 값을 반환
 
const double = (v,f) =>f(v*2);
double(2, console.log);
 
 
async    BLOCK 
    
    const sum = (n,f) => {
        let sum = 0;
        for(let i=1; i<=n; i++) sum += i;
        return f(sum);
    };
 
    sum(10, console.log);
    console.log('ABC');
 
    55
    ABC
 
 
async    NON BLOCK 
 
    const sum = (n,f) => {
        requestAnimationFrame(_=>{
        
        setTimeout(function() {
            console.log("1초후");
        },1*1000);
 
        let sum = 0;
        for(let i=1; i<=n; i++) sum += i;
        f(sum);
        });
    }
 
    sum(10, console.log);
    console.log("ABC");
 
    ABC
    undefined
    55
    1초후

https://www.youtube.com/watch?v=BeFekctVoq0