Почему моя асинхронная функция возвращает Promise {} вместо значения?

Question

[Luminerys]

У меня есть вызов функции
console.log(WebCrypto())
И сама функция WebCrypto

export async function WebCrypto(encrypted, saveName, saveData){
  var mode = 'AES-GCM',
      length = 256,
      ivLength = 12;

  if (encrypted) {
    var result = await encrypt(saveData, saveName, mode, length, ivLength)
    return result;
  } else {
    var result = await decrypt(saveData, saveName, mode, length)
    return result;
  }
};

Она должна возвращать
{ cipherText: ArrayBuffer, iv: Uint8Array }
но вместо этого я получаю:

Promise {<pending>}
__proto__: Promise
[[PromiseStatus]]: "resolved"
[[PromiseValue]]: Object
cipherText: ArrayBuffer(30) {}
iv: Uint8Array(12) [117, 8, 180, 132, 15, 200, 70, 62, 254, 82, 38, 192]
__proto__: Object

Answer 1

[Алексей Уколов]

console.log(await WebCrypto())

Comments

[Luminerys]

К сожалению данный вариант отпадает, т.к я экспортирую WebCrypto, а console.log(WebCrypto()) вызывается уже в другом компоненте, и если использовать console.log(await WebCrypto())
То я получаю ошибку:

Module parse failed: Can not use keyword 'await' outside an async function

[Роман]

Luminerys, экспортируйте не WebCrypto() а WebCrypto, тогда будет работать console.log(await WebCrypto())

[Luminerys]

Роман, Эмм, не совсем понял как это сделать, вы можете показать на примере?

[Роман]

Luminerys, плюс ко всему, ваша ошибка:

Module parse failed: Can not use keyword 'await' outside an async function

говорит о том, что вы не можете использовать await вне асинхронной функции.
Решением могут быть следующие варианты:

WebCrypto().then(data=>{
   console.log(data) 
});

или же

async function () {
   console.log(await WebCrypto())
}();

При этом (для второго варианта) async function () {...}(); так-же должная находиться в асинхронной функции. Так что первый вариант для вас будет проще реализовать.

Answer 2

[Максим Мосейчук]

Ну так асинхронная функция и должна возвращать промис.

Уберите слово async в объявлении.

Как вы вообще себе представляете асинхронное получение значения без промиса?

Comments

[Алексей Уколов]

Уберите слово async в объявлении.

Что, по-вашему, должно при этом произойти?

[Максим Мосейчук]

Алексей Уколов, это хороший вопрос, т.к. я не знаю js.

Я предположил, что async обернет тело функции в промис.

В любом случае функция возвращающая голое значение не может быть асинхронной.

[Luminerys]

Убирал, не помогло.

У меня есть промис, сама функция выглядит так:

async function encrypt (text, password, mode, length, ivLength) {
  var algo = {
  name: mode,
  length: length,
  iv: crypto.getRandomValues(new Uint8Array(ivLength))
  };
  var key = await genEncryptionKey(password, mode, length);
  var encoded = new TextEncoder().encode(text);
  
  return {
  cipherText: await crypto.subtle.encrypt(algo, key, encoded),
  iv: algo.iv
  };
}

Промис возвращается из crypto.subtle.encrypt(algo, key, encoded)
https://developer.mozilla.org/en-US/docs/Web/API/S...

[Максим Мосейчук]

Luminerys, но в вашей изначальной финкции вы же используете await дожидаясь окончания выполнения.
result должен быть значением. Залоггируйте его

[Luminerys]

Максим Мосейчук, Залоггировать?

Да, я тоже нахожу это странным, я уже перерыл много подобных вопросов и во всех них, обычно хватает добавления await перед функцией возвращающая промис. В моём случае он уже имеется перед crypto.subtle.encrypt(), но тем не менее...

[Максим Мосейчук]

Luminerys, напечатайте значение result прямо внутри функции до выхода из нее. Чем result является? У меня есть подозрение, что это тоже промис. В JS промис в качестве результата может вернуть другой промис?

В других языках это вполне обычное явление. Для избавления от этого используется flatMap/flatten. В js я так понимаю для этого используется метод then (тот же flatMap).

Я тут почитал, да. В js это тоже норма.

Answer 3

[SagePtr]

Потому что асинхронные функции - это синтаксический сахар для промисов, они промисы и возвращают.

Comments

[Luminerys]

Я очень не силён в асинхронных функциях, тогда как мне вернуть значение?
промис возвращается из crypto.subtle.encrypt(algo, key, encoded)

async function encrypt (text, password, mode, length, ivLength) {
  var algo = {
  name: mode,
  length: length,
  iv: crypto.getRandomValues(new Uint8Array(ivLength))
  };
  var key = await genEncryptionKey(password, mode, length);
  var encoded = new TextEncoder().encode(text);
  
  return {
  cipherText: await crypto.subtle.encrypt(algo, key, encoded),
  iv: algo.iv
  };
}

[SagePtr]

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