ajax的send同步问题

Question

 var xhr = new XMLHttpRequest();
    xhr.open("get","1.html",false);
    xhr.onreadystatechange = function () {
        console.log(xhr.readyState)
    }
    xhr.send();

为什么同步就只能输出4，异步的任务队列我知道可以输出2,3,4，但是同步是不是就没有往任务队列里面加任务了，但是同步和异步的区别不就是在send这里会等着吗，在等着的过程中onreadystatechange 不也会触发吗

Answer 1

是这样的。

先来看下state的状态又哪些：

0 UNSENT - open()has not been called yet
1 OPENED - send()has not been called yet
2 HEADERS_RECEIVED - send() has been called, and headers and status are available
3 LOADING Downloading; - responseText holds partial data
4 - The operation is complete

如果发送了同步请求，
那么此时（send代码执行后）浏览器会挂起，直到请求体响应完成，然后改变state值，从而触发下面的代码：

xhr.onreadystatechange = function () {
    console.log(xhr.readyState)
}

由于此时已经请求响应完成，所以状态直接就是4了。` 换句话说，假如2，3你能监听的到又怎么样？

线程阻塞着呢，你能干啥？`

而如果是异步的,在请求真正的完全响应之前，2，3状态的回调函数会被执行。

另外同步是不建议使用的， 在同步中去监听onStateChange更是不应该。

Answer 2

如果你有兴趣读标准可以看看 https://xhr.spec.whatwg.org/