es6扩展

淩亂°似流年 2023-07-17 06:47 8阅读 0赞

1.我们使用promise可以解决什么问题？  
我们可以使用promise来解决回调地狱的问题  
回调地狱的问题：

`$.ajax({ url:"/data1", success:function(res1){ //根据res1这个结果再去发送新的请求，获取与res1有关的数据 $.ajax({ url:"/data2", success:function(res2){ //根据res2这个结果再去发送新的请求，获取跟res2有关的数据 $.ajax({ url:"/data3", success:function(res3){ } }) } }) } }) function queryData(){ retrun new Promise(....); } queryData().then(function(){ return queryData(); }).then(function(){ })`

2.前台发送请求向后台获取数据的方式有哪几种？

`原生ajax(XMLHttpRequest) jQuery中的ajax($.ajax) fetch axios(axios是一个封装好了的发送请求的库)`

3.以Restful形式发送请求的方式有哪四种，分别代表什么操作？

get 发送查询数据的请求   
    post 发送添加数据的请求  
    put 发送修改数据的请求 
    delete 发送删除数据的请求

4.promise对象的then，catch，finally方法有什么用？

then方法可以得到异步操作中成功的执行函数和失败的执行函数  
p.then( function()\{ //成功之后会执行的函数 \}).  
catch(function()\{ //失败之后会执行的函数 \}).  
finally(function()\{ //无论成功和失败都会执行 \})

5.Promise构造函数的all，race方法是如何执行的？  
Promise.all() : 会将所有的promise任务都执行完毕之后，得到所有promise任务的结果，并做后续操作  
Promise.race() : 所有的promise任务执行完毕其中一个之后，就可以得到这个执行完成的任务的结果，并做后续操作。

6.如何使用fetch api发送请求，并携带参数 fetch(“请求的地址”,\{ method:“post”,body:“uname=jack&pwd=123”,  
headers:\{ “Content-Type”:“application/x-www-form-urlencoded” \} \}) .then( data=>\{ return data.json(); \} )  
.then( res=>\{ console.log(res); \} )  
$.ajax(\{ url:“请求的地址”, type:“post”, data:\{ uname:“jack”, pwd:“123”\},  
dataType:“json”,  
success:function(res)\{ console.log(res); \} \})

7.如何使用axios发送请求，并携带参数 8.如何对axios进行全局配置（baseURL，token） axios.get(“http://127.0.0.1:3000/books”)  
.then(res=>\{ console.log(res); \} ) //baseURL是用来设置基准URL axios.defaults.baseURL = “http://127.0.0.1:3000/” axios.get(“books”).then(res=>\{ console.log(res); \} ) //token用来设置请求头中的令牌  
axios.defaults.headers\[“token”\] = “xxxx”;

9.如何设置axios的拦截器 //请求拦截器 axios.interceptors.request.use( config=>\{ //会在请求头中添加令牌 return config; \} ) //响应拦截器  
axios.interceptors.response.use( config=>\{ //结束进度条 return config; \} )

10.如何使用async和await简化axios请求代码？  
async作为修饰函数的关键字，就把async添加到函数的前面。 await用来简化请求操作，一般await加载请求的代码前面

async function ajax(url){ var temp = await axios.get(url); 
       console.log(temp.data); console.log(123); } ajax();