理解异步

发表于 2021-02-28 分类于前端

异步初步了解：

es6中碰到关于异步的问题，异步这个词自己知道是个什么意思，但是要我用代码解释出来的话…..有点难理解。所以接下来慢慢整理了一些异步的知识如下：

1.

说到异步，肯定会联系出来它的兄弟–同步（Synchronous）。

“同步模式”就是上一段的模式，后一个任务等待前一个任务结束，然后再执行，程序的执行顺序与任务的排列顺序是一致的、同步的.

“异步模式”则完全不同，每一个任务有一个或多个回调函数（callback），前一个任务结束后，不是执行后一个任务，而是执行回调函数，后一个任务则是不等前一个任务结束就执行，所以程序的执行顺序与任务的排列顺序是不一致的、异步的。

“异步模式”非常重要。在浏览器端，耗时很长的操作都应该异步执行，避免浏览器失去响应，最好的例子就是Ajax操作。

2.

介绍了理论，没啥用..直接用最直观的代码来体现吧：

   <script>
     var Button=document.getElementById('Button');
     Button.onclick=function(){
         alert('展示异步操作--A');
     }
     alert('展示异步操作--B');
   </script>

这个简单的例子就体现出了异步和同步的区别了：

平常写的代码，都是从上到下来执行的，一般上面的语句还没有执行结束的情况下，下面的语句是不会执行的，但是这段代码我们很容易测试出：先弹出B窗口，当你点击按钮的时候才开始弹出A窗口。这就是典型的异步操作，不用等把上面的语句全部执行完才开始执行下面的语句。