JavaScript 不是一个有承诺的函数

Question

由于我处理的 API 的不寻常性质，我在 JS 中遇到了奇怪的 Promise 相关问题。我有按钮从 API 异步获取数据并处理它们。

按钮代码

$("#hist-testu").on("click",function(){
 bbhistory_object=BBhistory();

 Promise.all([bbhistory_object]).then(function(result_array){
 //do some stuff
 })
})

我对按钮有承诺，因为按钮可能会启动更多子进程，代码必须等待。

BBHistory函数：

function BBhistory(){
 return BBobject = new Promise(function(resolve,reject){

  var fetch_1 = new Promise(function(resolve,reject){
    //do some async stuff
    resolve(some_strings);
   });

  var fetch_2 = new Promise(function(resolve,reject){
    //do some async stuff
    resolve(some_strings);
   });

  Promise.all([fetch_1, fetch_2]).then(function(result_array){
    //do some stuff with results
    BBhistory = result;
    BBtransactions = result;
    BBobject={0:BBhistory,1:BBtransactions};
    resolve(BBobject);
  })

 })
}

如您所见，我获取了 API 调用的 2 个结果，并将它们作为对象返回给主代码/按钮响应，以便我可以在显示阶段使用它。 第一次单击按钮时一切正常。但是在第二次运行时，我继续在按钮的第一行收到 Uncaught Type Error: BBhistory is not a function。我尝试取消定义/清除所有涉及的变量，但无济于事..

编辑： 尽管 cmets 和答案中有很好的解决方案和提示，但真正的原因是 BBhistory 变量在 Promise.all() 中被双重使用。将该 var 更改为其他内容可以解决最初的问题。

Answer 1

我认为您可以简化很多。无需使用 resolve 和 reject 回调来创建 Promise 函数。 fetch 函数返回一个 Promise，Promise.all 返回一个 Promise。因此，只需返回该承诺，而不是包装所有内容。

HTML

<button id="MyButton">Press Me</button>

<p>
String 1:
<span id="string1"></span>
</p>
<p>
String 2:
<span id="string2"></span>
</p>

JavaScript

$("#MyButton").click(myClick);

function myClick() {
    BBhistory().then(function(arr) {
        $("#string1").text(arr[0]);    
        $("#string2").text(arr[1]);    

        // Do some other stuff with results
    });
};

function BBhistory() {

  var fetch_1 = Promise.resolve("some_strings 1");   
  var fetch_2 = Promise.resolve("some_strings 2");

  return Promise.all([fetch_1, fetch_2]);  
}

https://jsfiddle.net/5h8ztho3/4/