javascript - 如何将回调函数变成 Promise

Question

我需要让这段代码返回一个承诺。Idk 如何做到这一点，我想学习。如果可以的话，我还需要一些解释，谢谢！

var url = "....";

function showMoviesList(callbackFunction){
  fetch(url + "/movies", {
    method: "GET",
    headers: {
        "Content-Type": "application/x-www-form-urlencoded"
    }
  }).then(function(response){
    return response.json();
  }).then(function(moviesArray){
    callbackFunction(moviesArray);
  });
}

Answer 1

这将是

var url = "....";
function showMoviesList(callbackFunction){
  return fetch(url + "/movies", {
    method: "GET",
    headers: {
       "Content-Type": "application/x-www-form-urlencoded"
  }
  }).then(function(response){
    return response.json();
  });
}

Answer 2

所以返回 fetch，然后返回 json，你可以在你的函数调用中使用 .then()。

var url = "....";

function showMoviesList(callbackFunction) {
  return fetch(url + "/movies").then(function(response) {
    return response.json();
  });
}

showMoviesList.then(function(json) {
  console.log(json);
})

Answer 3

fetch已经返回了一个承诺。所以只需返回它的返回值，并摆脱与callbackFunction变量相关的所有内容。