Как Вернуть промис без прописывания .then каждый раз?

Question

[hoax007]

Хочу сделать функцию, которая бы обрабатывала промис и получала результат, с которым тут же можно работать без прописывания дополнительных функций .then.

(1)
Т.е. я могу обработать промис таким планом

promis.then((value)=> {
div.innerHTML = value[0]; // типо json-объект. 
});

НО, как сделать так, чтобы получилось ->

function f() {
 promis.then((value)=> {
 return value; // типо json-объект
 });
}
let obj = f();
div.innerHTML = obj[0];

(2)
И второй вопрос - Почему при данном примере не требует .then на моменте передачи значения промиса аргументом функции?
Т.е.

async function loadData(url) { 

	let f = await fetch(url);
	
	
	if (!f.ok) {
		alert('получить файл не удалось');
	} else {
	
		let json = await f.json(); 
	
	
	transferValue(json);  // передаем value
		}
	
	}

function transferValue(data) {

div.innerHTML = data[0]; // никаких .then

}

Comments

[Aetae]

Ну собсно в твоём вопросе ответ: ты разве не видишь разницы сам?

spoiler

Ключевое слово await.

[Ivan Ustûžanin]

1) вернуться из асинхронного кода в синхронный не выйдет, эта дорога однонаправленная
2) потому что функция async и дожидается ресолва промиса при await

[hoax007]

первый пример в части promis.. - это тоже await fetch. Просто я сократил для удобства. По сути два примера - это один код. Т.е. промис из первого примера является функцией из второго. Не могу понять, чем вызов функции после ожидания (await) отличается от от возвращения значения (return) после такого же ожидания?

[Ivan Ustûžanin]

hoax007, ещё раз: RTFM
async-функция всегда возвращает промис
получить из отресолвленного промиса значение можно только через колбэк, переданный в then()
async/await — это, по большому счёту, синтаксический сахар, скрывающий работу с колбэками и выглядящий как простой линейный код, но он только так выглядит, а под капотом всё равно это промисы

далее, возвращение значения из колбэка, переданного в then(), в данном контексте не имеет никакого смысла, т.к. возвращаемое им значение получает сам промис, а поскольку then() всегда возвращает новый промис, который отресолвится со значением, которое вернул колбэк, то эта цепочка может быть бесконечной

then() всегда возвращает новый промис, чтобы можно было выстраивать такие вызовы в цепочку

Answer 1

[VoidVolker]

RTFM: https://learn.javascript.ru/async-await

Answer 2

[Евгений]

Ну во-первых, твой await x.json() при await - это тот-же then.

И тебе правильно сказали, что без await и без костылей - ты eventLoop не обыграешь.

Можно выбрасывать при await и потом ловить то, чем оказывается промис в итоге, можно юзать Promise.withResolvers, что в принципе тоже без await нереально.

Например (с withResolvers):

const { promise, resolve, reject } = Promise.withResolvers()

const getProducts = () => fetch('https://fakestoreapi.com/products')

try {
    resolve(
        (await getProducts()).json()
    )
} catch (e) {
    reject(e)
}

console.log(
    await promise
)

Но тебе выше уже сказали, что такие операции без минимум использования оператора await - нереально исполнить. Не хочешь then - будешь юзать await, не хочешь await - будешь юзать then. Либо создавай своё подобие промисов на костылях, через кастомные события или сигналы.

P.S.: Чтобы понять, почему нельзя сделать то, что хочешь ты - прочитай то что тебе выше написали, а перед/после прочитай это.