如何在Promise外部控制其状态

Question

请问如何避免报错呢?
我应该思路就是错的, 求解决思路

var obj = {

    ok: null,

    cancel: null

};

function fn() {

    return new Promise((resolve, reject) => {

        obj.ok = resolve;

        obj.cancel = reject;

    });

}

fn();

obj.cancel(); //  Uncaught (in promise) undefined

Answer 1

先直接说代码的问题，在于 Promise 没有 catch，可以fn()    .then(() => {        // ... resolve 之后的事情        // 可以省略不要    })    .catch(() => {        // ... reject 之后的事情    });或者直接在 then 的时候指定第二个回调fn()    .then(() => {        // ... resolve 之后的事情        // 可以省略不要    }, () => {        // ... reject 之后的事情    });然后来说说这个设计思路的问题Promise 是一次性的，也就是说，如果你调用了 resolve 或者 reject 这个 Promise 会处理相关回调，然后它的生命周期就结束了。那么在这种情况下，你把 resolve 和 reject 赋给 obj 作为属性使用，就不符合“一次性”，因为可以通过 obj 多次调用。所以这个设计思路本身是有问题的然后，从你的代码我看不出来你是想干啥。Promise 用于处理异步调用，那一定是存在异步调用才需要处理，所以要从异步调用的点开始去思考。比如，有一个 click 事件，它是一个异步调用(用户什么时候点击并不知道)。一般操作是为这个单击事件写回调，单击时触发。如果你想用 Promise，就需要在 Promise 里设置单击事件，并在这个事件触发之后，调用 Promise 的 resolve 或 reject，同时，由于 Promise 是一次性的，所以还得注销这个事件，过程是这样const waitClick = new Promise((resolve, reject) => {    function handler(e) {        $("#something").off("click", handler);        if (somethingRight) {            resolve(e);        } else {            reject(e);        }    }    $("#something").on("click", handler);});waitClick    .then(e => {    })    .catch(e => {    });当然这里单击事件只是为了表示异步，实际上事件处理直接用回调更方便。所以用 Promise，一定要找到你异步的起点在哪里，不然 Promise 没啥意义。最后，如果有空可以了解下 async/await，Node 7.6 之后就完全支持了，用它以同步形式的代码写异步会方便得多。