什么叫回调地狱

回调函数

1. 把一个函数当成参数传递, 将来特定的时机调用, 这个函数就叫回调函数

1. 把函数当作参数传递,被传递的那个函数--->回调函数

大部分有回调函数的地方,都会涉及到异步函数

回调函数嵌套

多个异步操作彼此依赖,所产生的嵌套代码

如果嵌套的很多,很多也可以称之为:回调地狱(或者可以理解为回调函数嵌套回调函数嵌套很多层)

<body>
    <button>测试异步函数</button>
    <script>
      /* 
 回调函数
   1. 把一个函数当成参数传递, 将来特定的时机调用, 这个函数就叫回调函数
   1. 把函数当作参数传递,被传递的那个函数--->回调函数
      大部分有回调函数的地方,都会涉及到异步函数
     回调函数嵌套

   多个异步操作彼此依赖,所产生的嵌套代码
   如果嵌套的很多,很多也可以称之为=回调地狱
*

      // 异步函数 不会阻塞 主线程代码的执行
      // console.log('top') // 1
      // // 异步函数
      // setTimeout(() => {
      //   console.log('mid') // 3
      // }, 100)
      // console.log('bottom') // 2
      /*
      1. 1秒之后打印1
      2. 1打印之后,等待2秒打印2
      3. 2打印之后,等待3秒打印3
      4. 3打印之后,等待4秒打印4
      */
      setTimeout(() => {
        console.log(1);
        setTimeout(() => {
          console.log(2);
          setTimeout(() => {
            console.log(3);
            setTimeout(() => {
              console.log(4);
            }, 4000);
          }, 3000);
        }, 2000);
      }, 1000);
    </script>
  </body>