es6扩展

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();