0

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

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

4个回答

1

已采纳

先直接说代码的问题,在于 Promise 没有 catch,可以

fn()
    .then(() => {
        // ... resolve 之后的事情
        // 可以省略不要
    })
    .catch(() => {
        // ... reject 之后的事情
    });

或者直接在 then 的时候指定第二个回调

fn()
    .then(() => {
        // ... resolve 之后的事情
        // 可以省略不要
    }, () => {
        // ... reject 之后的事情
    });

然后来说说这个设计思路的问题

Promise 是一次性的,也就是说,如果你调用了 resolve 或者 reject 这个 Promise 会处理相关回调,然后它的生命周期就结束了。那么在这种情况下,你把 resolvereject 赋给 obj 作为属性使用,就不符合“一次性”,因为可以通过 obj 多次调用。所以这个设计思路本身是有问题的

然后,从你的代码我看不出来你是想干啥。Promise 用于处理异步调用,那一定是存在异步调用才需要处理,所以要从异步调用的点开始去思考。

比如,有一个 click 事件,它是一个异步调用(用户什么时候点击并不知道)。一般操作是为这个单击事件写回调,单击时触发。如果你想用 Promise,就需要在 Promise 里设置单击事件,并在这个事件触发之后,调用 Promise 的 resolvereject,同时,由于 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 之后就完全支持了,用它以同步形式的代码写异步会方便得多。

2

Promise 对象的状态不受外界影响。Promise
对象代表一个异步操作,有三种状态:Pending(进行中)、Resolved(已完成,又称 Fulfilled)和
Rejected(已失败)。只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。这也是 Promise
这个名字的由来,它的英语意思就是「承诺」,表示其他手段无法改变。

1

var obj = {

ok: null,
cancel: null

};
let fn=new Promise((resolve, reject)=>{

    resolve(obj.ok=resolve)
    reject(obj.cancel = reject)
}); 

fn.then(function(v){ console.log(v)});

1
var obj = {
    ok: null,
    cancel: null
};

function fn() {
    return new Promise((resolve, reject) => {
        obj.ok = resolve;
        obj.cancel = reject;
    });
}
fn().then(d=>console.log("then "+d)).catch(d=>console.log("catch " + d));

然后

obj.cancel("cancel")

输出

catch cancel

但是并不推荐这样用,因为一个Promise`resolve或者reject之后其状态就不会再发生改变了,所以这时obj所保留的两个对resolvereject`的引用就完全没有存在的意义了

撰写答案