promise 鏈式用法，拒絕多層異步地獄回調

1. 傳統回調地獄用法

getData('http://******').then(res => {
    console.log('第一次成功回調');
        
    getData('http://******').then(res => {
        console.log('第二次成功回調');

        getData('http://******').then(res => {
            console.log('第三次成功回調');
      
        })
    })
})

 

2.鏈式用法

getData('http://******').then(res => {
    console.log('第一次成功回調')
    return getData('http://******')
}, err => {
    console.log('err', err)
})
.then(res => {
    console.log('第二次成功回調')
    return getData('http://******')
})
.then(res => {
    console.log('第三次成功回調')
    return getData('http://******')
})