javascript同步与异步区别

目录：1.同步与异步的区别

           2.执行过程

           3. 代码展式

异步（Asynchronous, async）是与同步（Synchronous, sync）相对的概念。

1.在同步代码是按照顺序执行，每个操作都会等待前一个操作完成后再执行。这意味着如果一个操作需要花费很长时间，整个程序都会被阻塞，直到该操作完成。

2.而在异步编程中，代码不会等待某个操作完成后再执行下一个操作。相反，它会继续执行后续的代码，而不会被阻塞。当异步操作完成后，会触发一个回调函数或者返回一个 Promise 对象，以便处理操作的结果。

3.async 和 await 关键字让我们可以用一种更简洁的方式写出基于 Promise 的异步行为，我们而无需刻意地链式调用 promise。

 

3.代码展式：

    console.log('我是同步')
    setTimeout(function () {
      // 如果有多个异步他会排队执行程序
      console.log('我是异步')
    }, 0)
    console.log("我是同步2")

    setTimeout(function () {
      console.log('我是异步2')
    }, 3000)
    // 下面执顺序
    我是同步
    我是同步2
    我是异步

    console.log(1)
    setTimeout(function () {
      console.log("我是异步")//第四输出
    }, 0)
    console.log("222")
    function fun() {
      console.log("33333")
    }
    fun()
    // 输入结果
    /*
 1
 222
 33333
 我是异步
    
    */

    async function fun() {
      console.log('1')
      const res = await fun2()
      console.log(res)
    }
    async function fun2() {
      console.log("你好啊")
      return 100
    }
    fun()
    console.log(222)
    //输入结果 
    1
    你好啊
    222
    100