Как вернуть значение из Промиса?

Question

[antishock]

Как-то можно из промиса вернуть переменную и использовать в другом месте?

func1() {
    this.setJson().then(json => {
      return json;
    });
  }

  func2() {
    let q =  this.func1();
    return q;
  }

Comments

[Yustas Alexu]

Вернуть можно значение, а не переменную. Переменная остается внутри функции, в которой ее объявили.

[antishock]

Yustas Alexu, спасибо, не совсем правильно выразился

Answer 1

[Stockholm Syndrome]

func1() {
  return this.setJson();
}

async func2() {
  let q = await this.func1();
  return q;
}

Comments

[Владимир]

Возможно человек хотел использовать в первой функции значение, тогда будет так

const root = 'https://jsonplaceholder.typicode.com';
const func1 = function() {
  return fetch(root + '/posts/2').then(response => {
    if (response.status === 200) {
      return response.json();
    } else {
      throw new Error("API error")
    }
  }).then((json) => {
    console.log("2",json);
		json.fetched = new Date();
		return json;
  })
}
const func2 = async function() {
  let q = await func1();
	console.log("1", q)
  return q;
}
func2();

[antishock]

У меня в классе есть три метода и я не могу понять как в getTranslate получить значение из setNewJsonAndGetTranslate

getTranslate(key) {
    return this.setNewJsonAndGetTranslate(key); <--undefined
  }

  setNewJsonAndGetTranslate(key) {
    this.setJson().then(json => {
      let translate = TranslateService.jsonPathToValue(json, key);
      let result = JSON.stringify(translate[this.user.getLangCode()]);
      if (result !== undefined) {
        return result.substring(1, result.length - 1); <-- нужно вернуть
      } else {
        return key;
      }
    });
  }


  setJson() {
    return new Promise((resolve, reject) => {
      $.getJSON(Environment.prefixPath + "assets/i18n.json", json => {
        let translate = JSON.stringify(json);
        window.localStorage.setItem("translate_json", translate);
        resolve(json);
      });
    });
  }

[Владимир]

antishock, Промис - асинхронная штука, ты не можешь с ним работать синхронно
Выход номер 1 сделать getTranslate асинхронной и внутри нее получать значение через await (внимательно посмотри на код Stockholm Syndrome ) и дописать return перед this.setJson(). в этом случае работать с методом getTranslate ты тоже будешь как с промисом
2) Просто возвращай setNewJsonAndGetTranslate из getTranslate и работай с ней как спромисом

[antishock]

Владимир, получается какой-то замкнутый круг. Пробовал так

async getTranslate(key) {
    return await this.setNewJsonAndGetTranslate(key);
  }

в итоге в консоли получаю getTranslate = Promise {}, который я все равно не могу использовать как мне нужно

[Владимир]

antishock, Читай статью ниже, раза три
Если ты хочешь работать с промисами линейно, тебе везде прийдется использовать await, иначе через then

Answer 2

[Владимир]

https://m.habr.com/ru/company/mailru/blog/269465/