DEV Community

Falah Al Fitri
Falah Al Fitri

Posted on • Edited on

JavaScript: Asynchronous

"I will finish later!"

Asynchronous is functions running in parallel with other functions

In the real world, callbacks are most often used with asynchronous functions.

function myFunction( text, callback ) {

    console.log( text )

    /* --- */

    /* 
        call callback function
    */
    callback( 'text from myDisplayer (as callback function)' )  

}

function myDisplayer( text ) {

    console.log( text ) 

}

/*
    call myFunction
    myDisplayer passed into myFunction as an argument function
*/
myFunction( 'text from myFunction', myDisplayer )

/* --- */

// text from myFunction
// text from myDisplayer (as callback function)
Enter fullscreen mode Exit fullscreen mode

Example

Note

When you pass a function as an argument, remember not to use parenthesis.

Right: myFunction( 'text from myFunction', myDisplayer )

Wrong: myFunction( 'text from myFunction', myDisplayer() )


Waiting for a Timeout


Waiting for Intervals


Waiting for a file

Top comments (0)