Почему возвращает Undifined?

Question

[Радмир Ноирусов]

const fetch = require("node-fetch");
let meme;
//import fetch from 'node-fetch';
const fs = require("fs");
function gen() {
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)
        ];
      this.result = {
        image: postID.data.url,
        category: postID.data.link_flair_text,
        caption: postID.data.title,
        permalink: postID.data.permalink
      };
    });
  return this.result;
};

console.log(gen())

Почему возвращает Undifined?

Answer 1

[Алексей]

Асинхронность. Думаю такой пример будет понятен

function gen() {
	setTimeout(() => {
		this.result = 'SOMETHING';
	},0);
	return this.result;
};

Comments

[Радмир Ноирусов]

все равно

[Радмир Ноирусов]

TheBeJIIHiu, TheBeJIIHiu, не работает

[WbICHA]

TheBeJIIHiu, и не должно. Алексей показал тебе в чём твоя ошибка, не более.

[Радмир Ноирусов]

WbICHA, Можешь помочь) я просто новичок)

[Алексей]

TheBeJIIHiu, прочитай про асинхронность, хотябы про таймауты. Fetch это примерно тоже самое, выполнение этой функции условно откладывается на время ответа от сервера + парсинг инфы, а твоя функция gen синхронна, тоесть он просто выполнит построчно и все, что в результате приводит к undefined

если ты новичок, то разберись почему в этом примере выводит 0, а не 1 и ты поймешь остальное

function gen() {
	let result = 0;
	setTimeout(() => (result = 1),0);
	return result;
};
console.log(gen());

[Радмир Ноирусов]

Алексей, Спасибо, проблема решена добавил async, await, теперь у меня другая проблема :)), короче теперь в консоль выводит Promise { <pending> }

Код:

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)
        ];
      this.result = {
        image: postID.data.url,
        category: postID.data.link_flair_text,
        caption: postID.data.title,
        permalink: postID.data.permalink
      };
    });
  return await this.result;
};

console.log(gen())

[Алексей]

TheBeJIIHiu, твоя функция сейчас аналогична этой

async function gen() {
	return await this.result;
};
console.log(gen());

прочитай внимательно про асинхронность, не пытайся спешить. Все then это await