ES6 的 Class 存值函数（setter）可以是异步吗？

Question

get prop() {    return this.list}set prop(pm = {}) {    ReqApi.get({        url: Urls.GET_ENQUIRYLIST,        pm    })        .then(res => {            this.list = res.list        })}这样好像不行呢！

Answer 1

setter 内部是可以异步的，但是既然是异步的，恐怕就不能在设置值之后马上就能取得出来，如果用 setTimeout 来模拟异步调用，

const target = {

    data: "init",

    get test() {

        return this.data;

    },

    set test(data) {

        setTimeout(() => this.data = data, 1000);

    }

};

console.log("first", target.test);

target.test = "hello";

console.log("second", target.test);

setTimeout(() => console.log("third", target.test), 1000);

输出结果是

first init

second init

third hello

说明 setter 是起作用了的，但是要等待异步调用结速，具体时间并不能确定。如果想确定，可以使用 Callback 或者 Promise，而且不是用 setter，而是用 set 函数，比如（使用 async 语法）

const target = {

    // ....

    async setTest(data) {

        return new Promise(resolve => {

            setTimeout(() => {

                this.data = data;

                resolve();

            }, 1000);

        });

    }

};

(async () => {

    await target.setTest("hi");

    console.log(console.log(target.test));

})();

这里的输出就已经等待到异步过程结束了