ES6 Promise用法例子：从基础到高级应用

ES6 Promise 是JavaScript中处理异步操作的强大工具。它的引入极大地简化了异步编程，使得代码更加易读和维护。本文将通过几个实际的ES6 Promise用法例子，帮助大家理解和应用Promise。

Promise的基本概念

Promise是一个代表了未来将要发生的事件的对象。它有三种状态：

pending：初始状态，既不是成功，也不是失败。
fulfilled：意味着操作成功完成。
rejected：意味着操作失败。

基本用法

让我们从一个简单的例子开始：

let promise = new Promise((resolve, reject) => {
    // 模拟一个异步操作
    setTimeout(() => {
        let random = Math.random();
        if (random > 0.5) {
            resolve("成功！");
        } else {
            reject("失败！");
        }
    }, 1000);
});

promise.then(
    result => console.log(result), // 成功时执行
    error => console.error(error)  // 失败时执行
);

在这个例子中，我们创建了一个Promise对象，模拟了一个异步操作（如网络请求）。如果随机数大于0.5，Promise将被resolve，否则被reject。then方法用于处理成功和失败的情况。

链式调用

Promise的一个重要特性是可以链式调用，这使得异步操作可以按顺序执行：

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

promise
    .then(result => {
        console.log(result); // 1
        return result * 2;
    })
    .then(result => {
        console.log(result); // 2
        return result * 2;
    })
    .then(result => {
        console.log(result); // 4
    });

每个then方法返回一个新的Promise，允许我们将多个异步操作串联起来。

错误处理

Promise提供了统一的错误处理机制：

Promise.reject(new Error("出错了"))
    .catch(error => console.error(error.message)); // 输出：出错了

使用catch方法可以捕获Promise链中的任何错误。

Promise.all 和 Promise.race

Promise.all 用于并行处理多个Promise，只有当所有Promise都成功时才算成功：

let p1 = Promise.resolve(1);
let p2 = new Promise((resolve, reject) => setTimeout(resolve, 1000, 2));
let p3 = Promise.reject("错误");

Promise.all([p1, p2, p3]).then(values => {
    console.log(values); // 不会执行，因为p3失败了
}).catch(error => {
    console.error(error); // 输出：错误
});

Promise.race 则返回最先完成的Promise的结果：

let p1 = new Promise((resolve, reject) => setTimeout(resolve, 500, 'one'));
let p2 = new Promise((resolve, reject) => setTimeout(resolve, 100, 'two'));

Promise.race([p1, p2]).then(value => {
    console.log(value); // 'two'
});

实际应用场景

网络请求：使用Promise可以简化AJAX请求的处理。

fetch('https://api.example.com/data')
    .then(response => response.json())
    .then(data => console.log(data))
    .catch(error => console.error('Error:', error));

文件操作：在Node.js环境中，Promise可以简化文件读写操作。

const fs = require('fs').promises;

fs.readFile('example.txt', 'utf8')
    .then(data => console.log(data))
    .catch(error => console.error('读取文件失败:', error));

数据库操作：Promise可以用于处理数据库查询结果。

db.query('SELECT * FROM users')
    .then(results => {
        console.log(results);
    })
    .catch(error => {
        console.error('查询失败:', error);
    });

通过这些ES6 Promise用法例子，我们可以看到Promise不仅简化了异步操作的编写，还提供了更好的错误处理和流程控制。无论是前端还是后端开发，Promise都是一个不可或缺的工具。希望本文能帮助大家更好地理解和应用Promise，提升代码的可读性和可维护性。