promise eventloop事件循环队列 常见的宏任务和微任务

 导入分为默认导入和按需导入

按需导入的优点是需要什么导入什么,减少不需要的代码的冗杂

 同步和异步任务

同步代码立即执行

异步代码分为宏任务和微任务

先执行微任务后执行宏任务

什么是回调函数

当一个函数作为参数传给另一个参数时,他不会立即执行,会等到触发一定条件后才会执行,这种函数称之为回调函数. 常见的有定时器和ajax

什么是回调地狱,怎么解决回调地狱

为了使异步任务进行同步操作顺序执行 ,通常通过不断嵌套回调函数,这样就形成了回调地狱,通过promise的方法解决回调地狱,

promise

promise构造函数接收一个函数接收参数,这个函数包括resolve和reject两个参数 ,异步任务执行成功时 会通过resolve 失败时通过reject 

promise对象的then方法用来接收响应成功的数据,catch方法用来接收处理失败时的数据.

为了保证promise的执行顺序,在每一次执行than结束后都要return一个promise对象,这样才能在下一次than的时候接收到数据

promise中有三种状态分别是pending fitfull  rejected 

• 1.实例化Promise对象

  • 作用： 将异步操作代码 放入 Promise中

    • resolve：异步操作 成功状态

    • reject : 异步操作 失败状态

  • new Promise((resolve,reject)=>{ 你的异步操作 })

• 2.调用then()方法处理异步操作结果

  • promise对象.then((data)=>{ 处理成功数据 },(err)=>{ 处理失败信息 });

用来解决回调地狱

then =>成功时的回调

error=>成功和失败都会走的回调

catch=>失败时走的回调

 

axios 

 将异步函数变为同步函数的方法 在函数名前面加async             await

async 后的函数为异步

methods:{
 async add(){
  const res=  await this.$http({
       url:'http://ajax-base-api-t.itheima.net/api/addbook',
       method:'post',
       data: { ...this.obj
       },
     })
       //成功回调
       console.log(res)
  }
}

2.

按需导入和默认导入

默认导入 输入的变量名可以自定义

按需导入 变量名不能随意修改 必须和导出的文件名保持一致