异步编程解决方案 Promise

// 第一次请求
$.ajax({
url: './login.json',
success(res) {
// 使用第一次请求的结果发送第二次请求
$.ajax({
url: './user.json',
data: { id: res.id },
success(res) {
// 使用第二次请求的结果发送第三次请求
$.ajax({
url: './getUserList.json',
data: { where: res.userinfo.name },
success(res) {
console.log('res', res)
}
})
}
})
}
})

new Promise((resolve, reject) => { });

const promise = new Promise((resolve, reject) => { });
console.dir(promise);

pending （准备，待解决，进行中）
fulfilled（已完成，成功）
rejected (已拒绝，失败)

const promise = new Promise((resolve, reject) => {
// 使当前 promise 对象状态改为 fulfilled
// resolve()
// 使当前 promise 对象状态改为 rejected
// reject()
});

const promise = new Promise((resolve, reject) => {
resolve({ name: 'liang' })
});
console.dir(promise);
const promise2 = new Promise((resolve, reject) => {
reject({ name: 'wang' })
});
console.dir(promise2);

const p = new Promise((resolve, reject) => {
reject({ name: 'liang' })
});
p.then(res => {
// 当 promise 状态是 fulfilled 执行
console.log('成功时调用', res)
}, reason => {
// 当 promise 状态是 rejected 执行
console.log('失败时调用', reason)
});

// 如果 promise 的状态不改变 then 方法无法执行
const p = new Promise((resolve, reject) => {
resolve()
});
const t = p.then(res => {
console.log('成功时调用', res)
// 在 then 方法中使用 return 可以将 then 方法返回的 promise 实例状态改为 fulfilled
// return 123
// 如果这里的代码出错 会将 t 实例的状态改为 rejected
console.log(a);
}, reason => {
console.log('失败时调用', reason)
});
t.then(res => {
// res 123
console.log('t 成功', res)
}, reason => {
console.log('t 失败', reason)
})

const p = new Promise((resolve, reject) => {
// 下面两种错误都会触发 catch 方法
// reject('有错误')
// throw new Error('出错了')
});
p.catch(res => {
console.log('res', res)
})

const p = new Promise((resolve, reject) => {
resolve()
// reject()
});
p.then(res => {
console.log('res', res)
}).catch(reason => {
console.log('reason', reason)
})