如何做异步 JavaScript 设置器？

Question

我正在尝试使用 async/await 关键字进行异步设置器。

这里有一些需要时间的伪造数据库函数

function getProjectFromDatabase() {
    return new Promise((resolve, reject) => {
        setTimeout(() => resolve('My cool project!'), 500) // 500ms latency
    });
}

function setProjectToDatabase(projectName) {
    return new Promise((resolve, reject) => {
        setTimeout(() => resolve('set!'), 500) // 500ms latency
    });
}

这是用户的实现示例

let user = {

    // Getter
    get project() {
        return (async () => {
            return await getProjectFromDatabase();
        })();
    },

    // Setter
    set project(projectName) {
        return (async () => {
            return await setProjectToDatabase(projectName);
        })();
    },

    // Method 
    setProject(projectName) {
        return (async () => {
            return await setProjectToDatabase(projectName);
        })();
    }
};

这是一个使用示例

(async function() {
    console.log(await user.project); // Getter works!
    await user.setProject('My new cool project!'); // Method works!
    await (user.project = 'Another project'); // Setter doesn't work...
})();

但是 setter 函数的返回值似乎被忽略了。

我怎么能这样做？

Answer 1

赋值表达式总是在它的右边求值。

  a.b.c = "This is what it gets evaluated to"

没有办法改变它。

Answer 2

通常一个setter 设置一些值，你不关心返回值。在传统对象中，这将是一些其他属性（可能不打算直接使用）。转换成数据库之类的东西后，setter 会发布 INSERT 或 UPDATE 并设置新值。

您在 setter 中的代码实际上并没有 设置 任何东西。如果这是一个实际的 DB 调用，您将在数据库中保存一些值，然后对 getter 的下一次调用将产生新值。如果您在 fan DB 调用中添加这样的内容，您将获得更接近传统 getter/setter 逻辑的内容：

const a_user = {project: 'My cool project!'} // some fake db object

function getProjectFromDatabase() {
    return new Promise((resolve, reject) => {
        setTimeout(() => resolve(a_user.project), 500) // 500ms latency
    });
}

function setProjectToDatabase(projectName) {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            a_user.project = projectName // actually set something
            resolve(a_user.project)      // caller of setter doesn't care about return value, but we still need to resolve so async works.
        }, 500) // 500ms latency
    });
}
let user = {

    // Getter
    get project() {
        return (async () => {
            return await getProjectFromDatabase();
        })();
    },
    // Setter
    set project(projectName) {
        return (async () => {
            return await setProjectToDatabase(projectName);
        })();
    },

};

(async function() {
    console.log(await user.project); // Getter works!
    await (user.project = 'Another project'); // 
    console.log(await user.project); // new value has been set
})();