Synchronous VS Asynchronous JS

You have definitely seen promises, async-await , callbacks in javascript. But have you questioned yourself why we need them. What functionality they provide? Let's understand both Synchronous behavior