js面试题第四讲

一，promise是什么作用

promise是一种异步操作的解决方案，讲写法复杂的传统的回调函数和监听事件的异步操作，用同步代码的形式表达出来，避免了多级异步操作的回调函数嵌套。

主要用于异步操作，可以讲异步操作队列化，按照期望的顺序执行，返回符合预期的结果，可以在对象之间传递和操作，promise帮助我们处理队列

promise是一个对象，它的内部其实有三个状态。

初始状态：pending

已完成resovle：可以使promise对象的状态改变成成功

已拒绝reject：reject方法则是将promise对象的状态改变为失败

promise常用的三种方法

第一种：then表示异步成功执行后的数据状态变为resolve

第二种：catch表示一般失败后执行的数据变化状态为reject

第三种：all表示把多个没有关系的promise对象使用then返回一个数组数据

promise构造函数的两个变量resolve用于返回异步执行成功的函数，reject用于返回异步执行失败的函数，配合then与catch一起使用。

二，简述async的用法：

async用于声明一个function是异步的，而await用于等待一个promise对象的异步方法执行完成，

async返回的是一个promise对象。

async的主要作用是回调地狱的处理看起来比promise更加美观

async函数必须要等待方法中所有的await声明promise函数执行完成后，async函数才会得到一个resolve状态的promise对象

async/await 在遇到异步请求的情况下，能让代码以看似同步的方式来解决异步回调。

三、什么是 jsonp，工作原理是什么？他为什么不是真正的 ajax？

 JSONP：是一种解决跨域限制问题的一种方式 。
• 工作原理：前端使用一个 script 标签来创建一个 HTTP 请求，并且事先声明一个回调函数，该回调函数的名字由 callback 参数的参数值发送给后端。
后端接收到来自前端的请求后利用 callback 参数的参数值和要给前端返回的数据拼接成一段 JS 执行函数的代码段，此时实参就是要返回给前端的数据。
前端接收到后端返回的结果后，会自动的执行事先声明好的回调函数，此时函数的形参就代表了后端要返回的数据。

• 为什么不是真正的 ajax：JSONP（JSON with padding）可用于解决主浏览器的跨域数据访问的问题，与 JSON 没有关系，只是一种跨域访问的技巧。
  ajax 的核心是通过 xmlHttpRequest 获取非本页内容，jsonp 的核心是动态添加 script 标签调用服务器提供的 js 脚本；
• jsonp 只支持 get 请求，ajax 支持 get 和 post 请求。

四、跨域的解决方式？

方法 1.后端解决跨域 CORS（跨域资源共享）(在 server.js 中添加)
app.use("/", (req, res, next) => {
     res.header('Access-Control-Allow-Origin', '*');
     next()
})
• 方法 2.使用jsonp
网页中添加一个 script 元素，向服务器请求 json 数据，这种做法不受同源策略的限制，服务器接收到请求后，把数据放在一个指定名字的回调函数里传递回来。

五、请简述 ajax 的执行过程以及常见的 HTTP 状态码 

(1).创建 XMLHttpRequest 对象    let http=new XMLHttpRequest();
(2).设置请求参数                http.open("post 还是 get","发送给谁","是否异步");
                                         http.open("get", "ajax.txt",true);
(3).发送请求                    http.send();
(4).设置回调函数
http.onreadystatechange=function(){ 
  if(http.status==200 && http.readyState==4){
    (5).接收后端的响应：
     console.log(http.responseText)
   }
}

• 常见的 http 状态码
o 2 开头的基本都是代表成功
    200 OK 正常返回数据
o 3 开头的一般也是成功了，只不过中间做了一些额外处理
     304 Not Modified 读取的是缓存中的数据，
o 4 开头的都是失败：失败的原因一般都是客户端（前端）的问题
    400 Bad Request 请求参数错误
    401 Unauthorized 无权限访问
     404 Not Found 地址错误
     405 Method Not Allowed 当前请求的方式服务器不支持
o 5 开头的都是失败：失败的原因一般都是服务器（后端）问题
     500 Internal Server Error 未知服务器错误
     503 Service Unavailable 服务器超负荷