function onResolved(id) {
    console.log("resolved:" + id)
}

function onRejected(id) {
    console.log("rejected:" + id)
}

let p1 = new Promise((resolve, reject) => resolve())
let p2 = new Promise((resolve, reject) => reject())

p1.then(() => onResolved('p1'),
    () => onRejected('p1'))
p2.then(() => onResolved('p2'),
    () => onRejected('p2'))

resolved:p1
rejected:p2

promise.then(onFulfilled)  // 只處理成功
promise.then(null, onRejected)  // 只處理失?。ú煌扑]）
promise.then(onFulfilled, onRejected)  // 同時(shí)處理成功和失敗

// 一個(gè)典型的鏈?zhǔn)秸{(diào)用示例
fetchUserData(userId)
  .then(validateUser)            // 1. 驗(yàn)證用戶(hù)數(shù)據(jù)
  .then(enrichWithProfile)       // 2. 豐富個(gè)人信息
  .then(saveToDatabase)          // 3. 保存到數(shù)據(jù)庫(kù)
  .then(notifySubscribers)       // 4. 通知訂閱者
  .then(updateCache)             // 5. 更新緩存
  .then(finalizeOperation);      // 6. 完成操作

const myPromise = new Promise((resolve, reject) => {
    resolve('Hello');
})

myPromise.then(value => {
    console.log('收到:', value);
    return '新的普通值';  // 自動(dòng)包裝為 Promise.resolve('新的普通值')
}).then(newValue => {
    console.log('鏈?zhǔn)絺鬟f:', newValue);  // '新的普通值'
});

const myPromise = new Promise((resolve, reject) => {
    resolve('Hello')
})

myPromise.then(value => {
    return new Promise((resolve, reject) => {
        resolve(value + ' World')
    }) // 返回新的Promise
}).then(response => {
    // 等待new Promise完成
    console.log('處理后的結(jié)果:', response)  // Hello World
});

const myPromise = new Promise((resolve, reject) => {
    resolve('Hello')
})

myPromise.then(value => {
    if (!value.valid) {
        throw new Error('數(shù)據(jù)無(wú)效')  // 等價(jià)于 Promise.reject(new Error('數(shù)據(jù)無(wú)效'))
    }
    return processValue(value)
}).catch(error => {
    console.log('捕獲到錯(cuò)誤:', error.message)  // '數(shù)據(jù)無(wú)效'
})

const myPromise = new Promise((resolve, reject) => {
    resolve('Hello')
})

myPromise.then(value => {
    console.log('處理值:', value)
    // 沒(méi)有return語(yǔ)句
}).then(nextValue => {
    console.log('下一個(gè)值:', nextValue)  // undefined
})

// 以下兩種寫(xiě)法完全等價(jià)
promise.catch(onRejected)
promise.then(null, onRejected)

// 但.catch()的可讀性更好
fetchData()
  .then(process)
  .catch(handleError)  // 清晰：這里處理錯(cuò)誤
  .then(continueAfterError)

// 對(duì)比：使用.then()的第二個(gè)參數(shù)
fetchData()
  .then(process, handleError)  // 不清晰：是處理fetch錯(cuò)誤還是process錯(cuò)誤？
  .then(continueAfterError)

// 錯(cuò)誤傳播示例
Promise.resolve()
    .then(() => {
        console.log('步驟1: 成功')
        return '第一步結(jié)果'
    })
    .then(result => {
        console.log('步驟2: 收到', result)
        throw new Error('步驟2發(fā)生錯(cuò)誤')  // 拋出錯(cuò)誤
    })
    .then(result => {
        console.log('步驟3: 這行不會(huì)執(zhí)行')  // 被跳過(guò)
        return '第三步結(jié)果';
    })
    .catch(error => {
        console.log('捕獲到錯(cuò)誤:', error.message)  // '步驟2發(fā)生錯(cuò)誤'
        return '從錯(cuò)誤中恢復(fù)';
    })
    .then(recovery => {
        console.log('恢復(fù)后繼續(xù):', recovery)  // '從錯(cuò)誤中恢復(fù)'
    });

// .finally()的基本使用
fetchData()
    .then(data => {
        console.log('數(shù)據(jù)處理:', data);
        return process(data);
    })
    .catch(error => {
        console.error('處理失敗:', error);
        throw error; // 重新拋出，讓外部知道失敗
    })
    .finally(() => {
        console.log('清理資源');  // 無(wú)論成功失敗都會(huì)執(zhí)行
        cleanupResources();
    });

promise.finally(() => {
    // 這里無(wú)法訪問(wèn)Promise的結(jié)果或錯(cuò)誤原因
    console.log('執(zhí)行清理')
})

Promise.resolve('成功數(shù)據(jù)')
    .finally(() => {
        console.log('finally執(zhí)行');
        // 這里返回的值不會(huì)影響鏈的傳遞
        return 'finally的返回值會(huì)被忽略';
    })
    .then(value => {
        console.log('收到:', value);  // '成功數(shù)據(jù)'，不是'finally的返回值'
    })

Promise.resolve('原始數(shù)據(jù)')
    .finally(() => {
        throw new Error('finally中的錯(cuò)誤');  // 這個(gè)錯(cuò)誤會(huì)覆蓋之前的結(jié)果
    })
    .then(value => {
        console.log('這不會(huì)執(zhí)行');  // 被跳過(guò)
    })
    .catch(error => {
        console.log('捕獲的錯(cuò)誤:', error.message);  // 'finally中的錯(cuò)誤'
    });