同步与异步

同步

概念

当一个方法被调用时，调用者需要等待该方法执行完毕并返回才能继续执行，我们称这个方法是同步方法

使用

同步请求

var request = new XMLHttpRequest();
request.open('GET', 'http://www.baidu.com/', false); 
request.send(null);
if (request.status === 200) {
  console.log(request.responseText);
}

异步

概念

当一个方法被调用时立即返回，并获取一个线程执行该方法内部的业务，调用者不用等待该方法执行完毕，我们称这个方法为异步方法

使用

异步请求

var xhr = new XMLHttpRequest();
xhr.open("GET", "/bar/foo.txt", true);
xhr.onload = function (e) {
  if (xhr.readyState === 4) {
    if (xhr.status === 200) {
      console.log(xhr.responseText);
    } else {
      console.error(xhr.statusText);
    }
  }
};
xhr.onerror = function (e) {
  console.error(xhr.statusText);
};
xhr.send(null);

同步与异步的区别

同步指发送一个请求,需要等待返回,然后才能够发送下一个请求，有等待过程； 异步是当请求的响应数据完全收到之时，会执行一个指定的回调函数，而在执行异步请求的同时,浏览器会正常地执行其他事务的处理，不需要等待。 异步的好处在于非阻塞(调用线程不会暂停执行去等待子线程完成)，因此我们把一些不需要立即使用结果、较耗时的任务设为异步执行，可以提高程序的运行效率。 简单来说，就是同步是一个完成后，下一个才可以再开始，而异步是一个在进行时，下一个也可以开始进行。