如何从Promise提取数据并在外部使用异步返回值用于条件判断？

1. 如何从Promise中提取数据？ #

有两种常用方法：

• 使用.then()回调：当Promise状态变为已完成（resolved）时，.then()的回调函数会接收Promise返回的数据，可直接在回调内使用该数据。
• 使用async/await语法：在async标记的函数内部，用await关键字等待Promise执行完成，之后就能直接获取Promise的返回值，写法更接近同步代码。

2. 让email_exists在Promise外部反映exists值的解决方案 #

你代码里console.log(email_exists)输出0的核心原因是：Promise是异步执行的，.then()里的赋值操作还没触发，同步代码就已经跑完了。以下是两种可行的解决方式：

方式一：把条件判断逻辑放到.then()内部 #

只有.then()回调能确保数据已经获取完成，因此将需要用到email_exists的判断逻辑写在回调里即可：

async function verify_email(email) {
    var exists = 0;
    await $.ajax({
        type: "POST",
        url: "/settings/ajax-verify-email",
        data: {'email': email},
        success: function (response) {
            exists = response;
        }
    });
    return exists;
}

var email_exists = 0;

// 修正原代码的括号闭合问题
verify_email(email).then(function(exists) {
    console.log(exists); // 输出1
    email_exists = exists;
    // 在这里编写需要用到email_exists的条件判断逻辑
    if (email_exists) {
        console.log("邮箱已存在");
    } else {
        console.log("邮箱可用");
    }
});

方式二：用async/await改写，避免回调嵌套 #

将逻辑包裹在async函数中，用同步风格处理异步操作：

async function verify_email(email) {
    var exists = 0;
    await $.ajax({
        type: "POST",
        url: "/settings/ajax-verify-email",
        data: {'email': email},
        success: function (response) {
            exists = response;
        }
    });
    return exists;
}

// 用async函数包裹业务逻辑
async function checkEmailStatus() {
    var email_exists = await verify_email(email);
    console.log(email_exists); // 输出1
    // 直接在这里使用email_exists做条件判断
    if (email_exists) {
        console.log("邮箱已存在");
    } else {
        console.log("邮箱可用");
    }
}

// 执行函数
checkEmailStatus();

额外优化：jQuery的$.ajax()本身会返回Promise，你可以简化verify_email函数，不用手动维护exists变量：

async function verify_email(email) {
    return $.ajax({
        type: "POST",
        url: "/settings/ajax-verify-email",
        data: {'email': email}
    });
}

内容的提问来源于stack exchange，提问作者Ping