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

К сожалению данный вариант отпадает, т.к я экспортирую 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, плюс ко всему, ваша ошибка:

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 () {...}(); так-же должная находиться в асинхронной функции. Так что первый вариант для вас будет проще реализовать.

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

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

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

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

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

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

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

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 должен быть значением. Залоггируйте его

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

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

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

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

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

Я очень не силён в асинхронных функциях, тогда как мне вернуть значение?
промис возвращается из 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
  };
}

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