Promise 结果及其处理成两个单独的文件

Question

在我的脚本中，我需要创建一个 XMLrequest，从服务器获取响应（如果已解决），对其进行解析并将解析结果放入变量中。

只有以后，有了这个变量，我才能做很多事情。

所以基本上，我试图将此类解析器对象的创建与我的其余代码分开，以便：

• 将上述过程放入外部脚本中的函数中，我可以在需要时调用该函数。
• 我的所有代码都没有包含在 .then() 方法中
• 将我的代码组织成逻辑文件，每个文件专门用于特定任务

所以我想出了这段代码（只是一个示例）来解释我的需求。 由于我对异步编程相当陌生，考虑到在我的情况下响应应该非常快地解决（或拒绝），这样做是否可以？

如果没问题，我会将它放在一个单独的文件中，以便能够导入它并从我需要的任何地方调用testing()（或任何名称）。

function delay(input) {
    return new Promise(function(resolve, reject) {
        // some async operation here
        setTimeout(function() {
            // resolve the promise with some value
            resolve(input + 10);
        }, 500);
    });
}

function testing() {delay(5).then(result => {return document.write(result)})};

testing();

编辑

好的，所以我想我遇到了问题，这要归功于@DrewReese 的回答和 cmets 中的链接。

我正在尝试解决这种的情况：上面的代码误导了我的观点，但我想没有真正简单的解决方案。 看这段代码（和上面的基本一样，除了最后三行）：

function delay(input) {
    return new Promise(function(resolve, reject) {
        // some async operation here
        setTimeout(function() {
            // resolve the promise with some value
            resolve(input + 10);
        }, 500);
    });
}

function testing() {delay(5).then(result => {return result})};

var test = testing();
document.write(test);

所以在这种情况下，我知道当我定义test 时，输出是'undefined'，因为testing() 中的Promise 尚未解决。

我要解决的问题是：是否有（如果有的话）只有在 Promise 解决时才定义测试而不将其包装在 then() 中并且可能在未解决时输出不同的东西（例如“正在加载...")。

我基本上不知道是否可以检查一个变量是否有一个 Promise 待处理并输出两个不同的值：它何时等待以及何时解决/拒绝。

希望我已经足够清楚了，否则我会进行更多测试并在需要时提出另一个问题。

Answer 1

promise（promise 链）的全部意义在于通过扁平化你的“链”来逃离“嵌套地狱”，所以是的，当你的 promise 链解析代码块时，它返回一个 promise，它是 then -有能力的。我希望这有助于说明：

someAsyncHttpRequest(parameter) // <- Returns Promise
    .then(result => {
        // do something with result data, i.e. extract response data, 
        //  mutate it, save it, do something else based on value
        ...
        // You can even return a Promise
        return Promise.resolve(mutatedData);
    })
    .then(newData => {  // <- mutadedData passed as parameter
        // do new stuff with new data, etc... even reject
        let rejectData = processNewData(newData);
        return Promise.reject(rejectData);
    })
    .catch(err => {
        console.log('Any caught promise rejection no matter where it came from:', err);
    })
    .finally(() => {// You can even run this code no matter what});

如果您需要使用您在链中设置的任何变量值，那么您需要使外部函数异步并等待承诺链的解析：

asyncFunction = async (parameter) => {
    let asyncValue;

    await someAsyncHttpRequest(parameter)
        .then(result => {
            ...
            asyncValue = someValue;
            ...
        });
    // safe to use asyncValue now
};

所以对你来说：

function delay(input) {
    return new Promise(function(resolve, reject) {
        // some async operation here
        setTimeout(function() {
            // resolve the promise with some value
            resolve(input + 10);
        }, 500);
    });
}

**async** function testing() { // Declare this an asynchronous function
    let value = **await** delay(5); // Now you can await the resolution of the Promise
    console.log(value); // Outputs resolved value 15!
    return value; // Just returns resolved Promise
}

var test = testing();

console.log(test); 
/** Outputs the Promise!
   Promise {<pending>}
     __proto__:Promise
     [[PromiseStatus]]:"resolved"
     [[PromiseValue]]:15
*/

test.then(console.log)); // Outputs returned resolved value, 15