Promise 如何将附加参数传递给then chain

在JavaScript中，Promise 是用来处理异步操作的一种机制。then() 方法是 Promise 对象的一部分，用于指定当 Promise 成功（fulfilled）或失败（rejected）后执行的回调函数。如果您想在 then 链中传递附加参数，有几种方法可以实现：

1. 利用闭包

闭包允许内部函数访问外部函数作用域中的变量。这可以使得在 then 链中易于传递参数。

javascript
function getData() {
    let additionalParam = 'example';
    return fetch('https://api.example.com/data')
        .then(response => response.json())
        .then(data => {
            return { data, additionalParam };
        });
}

getData().then(result => {
    console.log(result.data); // 来自API的数据
    console.log(result.additionalParam); // 'example'
});

在这个例子中，我们通过返回一个包含 data 和 additionalParam 的对象来传递额外的参数。

2. 使用箭头函数

箭头函数可以捕获其上下文的 this 值，这样你可以访问定义时作用域中的变量。

javascript
let additionalParam = 'example';

function getData() {
    return fetch('https://api.example.com/data')
        .then(response => response.json())
        .then(data => {
            return { data, additionalParam };
        });
}

getData().then(result => {
    console.log(result.data); // 来自API的数据
    console.log(result.additionalParam); // 'example'
});

3. 在每一步传递参数

如果你的参数在 then 链中需要逐步传递，你可以在每个 then 中返回它。

javascript
function getData(param) {
    return fetch('https://api.example.com/data')
        .then(response => response.json())
        .then(data => {
            return { data, param };
        })
        .then(result => {
            console.log(result.param); // 打印附加参数
            return result.data;
        });
}

getData('example').then(data => {
    console.log(data); // 来自API的数据
});

4. 使用全局变量或外部存储

虽然不推荐使用全局变量来传递参数（因为它可能导致代码不可预测和难以维护），但在某些情况下，如果处理得当，它可能是一个可行的解决方案。

javascript
let additionalParam = 'example';

function getData() {
    return fetch('https://api.example.com/data')
        .then(response => response.json());
}

getData().then(data => {
    console.log(data); // 来自API的数据
    console.log(additionalParam); // 'example'，从全局变量获取
});

总之，通常推荐的做法是通过闭包和函数作用域来传递附加参数，因为这样可以避免全局变量带来的副作用，同时保持代码的模块化和清晰。