什么是javascript异步编程

发布网友发布时间：2022-05-06 08:55

共2个回答

热心网友时间：2022-04-22 11:48

Winter is a cold season. Though the temperature is very low,but I like it ,I can play with my frends in the playground .I think I can watch TV at home instead of walking outside .So I like winter,because I can do something which is interesting.

热心网友时间：2022-04-22 13:06

我觉得吧，javascript在浏览器里运行的时候，涉及到异步编程的场景大多数是与用户交互，或者与服务器交互

那么假设与用户交互的异步编程，举个代码例子

<html>
  <body>
    <input type="text" id="input">
    <button type="button" id="btn">提交</button>

    <script>
      // 1 这里的代码会立即运行
      var input = document.getElementById('input');
      var btn = document.getElementById('btn');

      btn.onclick = function(){
        // 2 这里的代码只有在用户点击提交按钮的时候才执行
        alert('提交文本：' + input.value);
      };
    </script>
  </body>
</html>

这里的2 代码，就是我们的程序要等用户点击某个按钮或者达到某个条件才会运行，

并不会直接像1的代码会直接运行，因为我们的程序在自己运行,和浏览器交互的时候是可以同步运行并且立即得到结果

但是涉及到与用户交互的时候，我们是不知道用户会在什么时候输入文本，也不知道用户会在什么时候点击按钮，或者做别的什么操作，我们只能是先做好等待处理的方法，也就是`当发生了什么事，然后做什么`，就像上面`btn.onclick` 就是当用户点击它(button)的时候，做什么

在一个与服务器交互的例子

<html>
  <body>
    <button type="button" id="btn">加载</button>
    <script src="jquery.js"></script>
    <script>
      // 1
      var btn = $('#btn');
      btn.on('click' , function(){
            // 2
            $.ajax({
                  url : 'path/to/server',// 这里访问服务器的某接口
                  success : function(response){
                    // 3 当服务器处理完成时，会执行此处的代码
                    // 服务器处理完成后，如果会有返回内容，这个内容
                    // 就会放到这个response变量里
                    alert('服务器响应：' + response);
                  },
                  error : function(){
                    //4 当服务器发生错误，或者网络发生错误时，执行此处代码
                  }
            });
      });
    </script>
  </body>
</html>

同上面例子的1和2，当用户点击按钮之后，我们通过程序向服务器调用某个接口

这个过程默认将独立与当前的执行线程（也就是异步），大概步骤会有浏览器接收到我们要请求服务器的信号，并且发送请求信号给服务器，服务器接收到请求，然后服务器处理，然后处理完成/失败，然后通知浏览器，然后浏览器返回给我们结果，然后我们就可以在成功(success)或者失败(error)里面得到对应的通知

所以，javascript的异步编程就是指

// 操作。。。
onxxx = function(){//当发生什么事如(onclick , onmouseover等等。。)
// 做什么操作
}
// 操作

我们要做很多类似这样的*，当发生什么事的时候，通知我，我好知道什么时候来做什么事大概就是这样