使用then()[duplicate]后无法更改promise待定状态

Question

var DVizModule = (() => {

    let dataset = [];

    let _data = async () => {
        const data = await d3.csv("data/alphabet.csv");
        return data;
    }
    let data = _data().then(data => {
        dataset = data;
        return dataset;
    })

    return {
        data: data
    }
})();
console.log(DVizModule.data);

它返回

Promise pending proto: Promise

PromiseStatus: "resolved"

PromiseValue: Array(26)

当我写的时候

const t = async function() {
    const data = await d3.csv("data/alphabet.csv");
    return data;
}
t().then(result => console.log(result))

它完美地返回文件我正在尝试通过访问文件内容

DVizModule.data

Answer 1

如果希望同步访问data，则应将其声明为普通值，而不是promise。像这样的东西应该能起到作用：

const DVizModule = {};
d3.csv("data/alphabet.csv").then(data => DVizModule.data = data);

当然，请注意，在请求实际完成之前，dvizmodule.data将是未定义的。如果您想要确保值确实存在，您必须将外部上下文包装到async函数中，并在一开始就等待数据。这样，您既可以确保在代码访问该值时该值是存在的，又可以以同步的方式使用该值。

希望我答对了你的问题，而不是试图解决错误的问题；）