回调函数与promise

回调

• 把一个函数A传给另一个函数B调用，那么A就是回调函数

具名回调写法

function 获取用户信息(fn){
    fn.call(undefined,'姓名：xxx')
}
function 用户信息(信息){
    console.log(信息)
}
获取用户信息.call(undefined,用户信息)
//姓名：xxx

匿名回调写法

function 获取用户信息(fn){
    fn.call(undefined,'姓名：xxx')
}

获取用户信息.call(undefined,function(信息){
    console.log(信息)
})

多层嵌套的匿名回调（回调地狱）

获取用户信息(function(用户信息){
  console.log(用户信息)
  保存用户信息(用户信息, function(){
    获取另一个用户信息(function(另一个用户信息){
      保存用户信息(function(){})
    })
  })
})

像这种使用多层匿名函数回调的嵌套，就会很难让人读懂你的代码，而这种回调套回调（一般三到五层以上）又称为回调地狱

缺点

• 容易造成回调地狱
• 不知道该怎么使用回调Node/jQuery的回调使用方法都不一样--只能强行背下

Promise

Promises对象是CommonJS工作组提出的一种规范，目的是为异步编程提供统一接口。
每一个异步任务返回一个Promise对象，该对象有一个then方法，允许指定回调函数。
作用：
（1）简化回调写法
（2）链式操作

基本用法

Promise是一个构造函数，Promise接收一个参数，这个参数是函数，同时这个参数函数要传入两个参数：resolve，reject，分别表示异步操作执行成功后的回调函数和异步操作执行失败后的回调函数。

1.解决了不知道该如何使用回调问题

then里面的第一个参数是成功后要做的，第二个是失败后要做的

获取用户信息().then(function(){},function(){})

2.解决了回调地狱

可以不断地then，就不存在嵌套了,永远只有一层

获取用户信息()
.then(打印用户信息)
.then(获取另一个用户信息)
.then(打印用户信息)

使用promise实现上面回调地狱中的案例

function 获取用户信息(){
    return new Promise((resolve,reject)=>{
        console.log('第一次获取用户信息')
        resolve('姓名：方方')
    })
}
function 打印用户信息(用户信息){
    return new Promise((resolve,reject)=>{
        console.log(用户信息)
        resolve()
    })
}
function 获取另一个用户信息(){
    return new Promise((resolve,reject)=>{
        //下面的console是同步
        console.log('第二次获取用户信息')
        //resolve和reject是异步
        resolve('姓名：琳琳')
    })
}
获取用户信息()
    .then(打印用户信息)
    .then(获取另一个用户信息)
    .then(打印用户信息)

//第一次获取用户信息
//姓名：方方
//第二次获取用户信息
//姓名：琳琳