Why does fetch result in Object and not return result?

Question

JavaScript

Why is it that when I try to display the result data, it is displayed [object Promise], and not the text from json?
And how to get here res.name?

var data = fetch("ajax.json").then(function(res){
  return res.json();
}).then(function(res) {
  return res.name;
}).catch();
document.write(data);

Answer 1

This is where you call the function with no arguments:

function minusGoods(){
  // ......
  showCart();
}

And here you want arguments in it that you pass to JSON.parse

function showCart(data) {
  var pack = JSON.parse(data);

As a result, you get your error:
JSON.parse(undefined)

Answer 2

See what comes in JSON.parse

Answer 3

Look with console.log(data); (put before JSON.parse ) what comes from the handler file, I think you will notice that there is not only json , but "something else". Then go to the handler file and see what sends this "something else". Good luck

Answer 4

Because that's how Promises work.