我在代码的执行序列中遇到了意外行为。下面是代码片段：

console.log("1");
await reloadScenarios();
console.log("2");

const reloadScenarios = () => {
    if (token) {
        getScenario()
            .then(({ scenarios }) => {
                console.log("3");

                const transformedScenarios = scenarios.map(option => ({
                    scenario: option.name,
                    description: option.categories.name,
                    value: option._id
                }));

                setOptions(transformedScenarios);
                // setSelectedOption(transformedScenarios[0]?.value || null);
            })
            .catch((error) => {
                console.error('Failed to fetch scenario options:', error);
            });
    }
};

我希望执行顺序是1，3，2。然而，当我运行代码时，实际的序列是1，2，3。有人能解释一下为什么会发生这种情况吗？
此外，我注意到，当我修改reloadScenarios函数以在getScenario（）之前包含一个return语句时，执行顺序更改为1、3、2 -这是所需的顺序。我真的需要return语句吗？还是有其他的解释来实现所需的序列？