約束は、その後で結果/キャッチ

Question

私はAPPの反応でES6約束をテストする、しかし、私は私の.thenになりませんしました：

function addItem (value) { 
    return new Promise((resolve, reject) => { 
    document.getElementById('todo').innerHTML += `<li>${value}</li>`; 
    }); 
} 

addItem(value).then(() => { 
    alert('then !'); 
}).catch((err) => { 
    console.log(err) 
}) 

My機能が実行されますが、私は、その後のイベントいませんでした。

どこが間違っていたか知っていますか？ありがとうございました ！ :)

Answer 1

あなたの約束を拒否または解決する必要があります。

function addItem (value) { 
    return new Promise((resolve, reject) => { 
    document.getElementById('todo').innerHTML += `<li>${value}</li>`; 
    resolve(); 
    }); 
} 

Answer 2

次の例のように、あなたの約束を解決する必要があります。

function addItem (value) { 
    return new Promise((resolve, reject) => { 
    document.getElementById('todo').innerHTML += `<li>${value}</li>`; 
    resolve(10); 
    }); 
} 

addItem(value).then((data) => { 
    alert('then !'); 
    console.log(data);// 10 
}).catch((err) => { 
    console.log(err) 
}) 

Answer 3

約束は、非同期タスクのために使用されています。同期コードを実行するためにそれらを使用することに意味はありません。あなたの例では、約束を解決することがないため、then()は動作しません。それを解決するには、resolve()に電話する必要があります。

Answer 4

Promiseでresolveとrejectの機能を呼び出すことを忘れました。

resolveは、操作が完了したら電話する機能です。

resolve(); 

あなたはresolve()に渡す引数は、あなたが戻ってthen機能で取得されるものです。

rejectは、あなたの行動にエラーがあるときに電話する機能です。あなたが拒否する何も持っていなければ、あなたはそれを放置することができ、あなたはそれを呼び出す必要はありません。

reject(); 

あなたはreject()に渡す引数は、あなたが戻ってcatch機能で取得されるものです。