为什么在ES6中使用Promise时，事件监听器在一个事件之后不会持续？

Question

我有以下代码（一个简单的代码）：

码：

 var myPromise = new Promise(function(success, error) { document.getElementById("success").addEventListener("click", function() { success({ msg: "This is success", code: 100 }); }); document.getElementById("error").addEventListener("click", function() { error({ msg: "This is error", code: 10 }); }); }); console.log("Hello"); myPromise.then(function(content) { console.log(content.msg); }); myPromise.catch(function(content) { console.log(content.code); }); 

 <button id="success">Success</button> <button id="error">Error</button> 

首次单击两个按钮之一将记录“ This is success或“ 10 。

为什么第二次，第三次及以后两次单击两个按钮都不会在控制台窗口中记录任何内容 ？ 为什么事件监听器似乎突然消失了？

仅供参考：我目前正在ES6中尝试Promise，以了解其工作原理。

谢谢。

Answer 1

仅提供了Error / Success函数，不会再调用EventListener。 我添加了console.info语句以显示正在调用EventListener。

 var myPromise = new Promise(function(success, error) { document.getElementById("success").addEventListener("click", function() { console.info("called success" ); success({ msg: "This is success", code: 100 }); }); document.getElementById("error").addEventListener("click", function() { console.info("called error" ); error({ msg: "This is error", code: 10 }); }); }); console.log("Hello"); myPromise.then(function(content) { console.log(content.msg); }); myPromise.catch(function(content) { console.log(content.code); }); 

 <button id="success">Success</button> <button id="error">Error</button>