深入理解Promise原理

一、Promise是什麼

Promise是ES6規範中的一種異步編程解決方案。簡單來說，Promise是一個對象，它代表了一個異步操作的最終完成或失敗的結果。

Promise採用的是鏈式調用的方式，通過.then()和.catch()方法來註冊回調函數。Promise有三種狀態，分別是pending（進行中）、fulfilled（已成功）和rejected（已失敗）。

二、Promise的原理

在Promise構造函數中，有兩個參數，分別是resolve函數和reject函數。它們分別用於將Promise的狀態從pending（進行中）轉換為fulfilled（已成功）或rejected（已失敗）。

Promise的核心是其狀態的轉換。在實例化一個Promise對象時，它的狀態就是pending，而狀態的轉換是由resolve和reject函數來決定的。

const promise = new Promise((resolve, reject) => {
    // 異步操作
    // 成功時調用resolve
    // 失敗時調用reject
})

三、Promise的優缺點

優點：

1、代碼可讀性好：Promise的鏈式調用方式可以使代碼更加清晰和易於閱讀。

2、避免了回調地獄：使用Promise可以避免過多的回調函數嵌套，提高代碼的可維護性。

3、統一了異步操作的API：Promise可以統一異步操作的API，使代碼更加規範和易於維護。

4、方便錯誤處理：Promise可以通過.catch()方法捕獲錯誤，方便對錯誤進行處理。

缺點：

1、無法取消Promise：一旦Promise開始執行，無法取消。

2、Promise的異常無法跨域trycatch。

四、實現一個簡單的Promise

class MyPromise {
    constructor(executor) {
        this._status = 'pending'
        this._value = undefined
        this._reason = undefined
        const resolve = (value) => {
            if (this._status === 'pending') {
                this._status = 'fulfilled'
                this._value = value
            }
        }
        const reject = (reason) => {
            if (this._status === 'pending') {
                this._status = 'rejected'
                this._reason = reason
            }
        }
        try {
            executor(resolve, reject)
        } catch (error) {
            reject(error)
        }
    }

    then(onFulfilled, onRejected) {
        if (this._status === 'fulfilled') {
            onFulfilled(this._value)
        } else if (this._status === 'rejected') {
            onRejected(this._reason)
        }
    }

    catch(onRejected) {
        if (this._status === 'rejected') {
            onRejected(this._reason)
        }
    }
}

// 用法示例
const promise = new MyPromise((resolve, reject) => {
    setTimeout(() => {
        resolve('success')
    }, 1000)
})

promise.then((value) => {
    console.log(value)
}).catch((reason) => {
    console.log(reason)
})

五、總結

Promise是一個強大的異步編程解決方案，在實際開發中得到廣泛應用。掌握Promise的原理和使用方法，可以提高編程效率、減少代碼的複雜度，並提高代碼的可維護性。