一,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 服务器超负荷