Why does it return Promise { }?

Question

Node.js

const fetch = require("node-fetch");
async function gen() {
await fetch(   "https://www.reddit.com/r/memes/hot/.json?count=100"
  )
    .then(res => res.json())
    .then(json => {
      let postID =
        json.data.children[
          Math.floor(Math.random() * json.data.children.length)
        ];
      result = {
        image: postID.data.url,
        category: postID.data.link_flair_text,
        caption: postID.data.title,
        permalink: postID.data.permalink
      };
    });
  return result;
};

console.log(gen())

returns Promise { }

Answer 1

function gen() {
return fetch(   "https://www.reddit.com/r/memes/hot/.json?count=100"
  )
    .then(res => res.json())
    .then(json => {
      let postID =
        json.data.children[
          Math.floor(Math.random() * json.data.children.length)
        ];
      result = {
        image: postID.data.url,
        category: postID.data.link_flair_text,
        caption: postID.data.title,
        permalink: postID.data.permalink
      };
      return result;
    });
};

gen().then((e) => {
  console.log(e)
})

Answer 2

Because an async function always returns a Promise

Answer 3

Something you made up

const fetch = require("node-fetch");
async function gen() {
    await fetch("https://www.reddit.com/r/memes/hot/.json?count=100")
        .then(res => res.json())
        .then(json => {
            let postID =
                json.data.children[
                    Math.floor(Math.random() * json.data.children.length)
                ];
            result = {
                image: postID.data.url,
                category: postID.data.link_flair_text,
                caption: postID.data.title,
                permalink: postID.data.permalink
            };
        });
    return result;
};
console.log(gen())

Try like this:

const fetch = require("node-fetch");

async function gen() {
  const response = await fetch("https://www.reddit.com/r/memes/hot/.json?count=100");
  const json = await response.json();
  const post = json.data.children[Math.floor(Math.random() * json.data.children.length)];
  return {
        image: post.data.url,
        category: post.data.link_flair_text,
        caption: post.data.title,
        permalink: post.data.permalink
      };
}

gen().then(x=>console.log(x));

Answer 4

The example uses https://github.com/Prinzhorn/skrollr

Answer 5

If you have already solved the problem with a small amount of code, why do you need a plugin that will take up more space, because. universally solves problems?