Async cell about cellx HOT 3 CLOSED

Не уверен, что понял пример. Вот простой пример АПИ на cellx:

class BinanceAPI {
	serverTime = cellx(({ push, fail, wait }) => {
		fetch('https://api.binance.com/api/v1/time')
			.then((res) => res.json())
			.then(push, fail);

		wait();
	});
}

const binance = new BinanceAPI();

autorun(() => {
	console.log('autorun');
	console.log(binance.serverTime());

	setTimeout(() => {
		binance.serverTime.pull();
	}, 3000);
});

Выводит:

test.html:25 autorun
test.html:25 autorun
test.html:26 {serverTime: 1658241693094}
test.html:25 autorun
test.html:26 {serverTime: 1658241696386}
...

autorun -- это по сути вычисляемая ячейка с добавленным ей пустым обработчикам onChange, то есть она сразу в активном состоянии. Для уничтожения нужно вызвать возвращаемую ей функцию (внутри просто снимается пустой обработчик onChange).
При первом вызове autorun второй console.log не срабатывает, это из-за wait() (внутри serverTime) который просто бросает спец.ошибку которая останавливает всё вычисление, но не попадает в консоль. Система как бы переходит в режим ожидания из которого можно вывести вызовом push(data) или fail(err). При вызове push ячейка serverTime запоминает переданное ей значение, а вычисляемая autorun-ячейка реагирует на это. Только на этот раз при чтении serverTime до wait уже не доходит, тк. ячейка не запускает своё вычисление, а просто возвращает запомненное значение, в результате, на этот раз, срабатывает второй console.log выводящий результат запроса.
Если теперь читать serverTime, то он всегда будет возвращать запомненный результат, что бы заставить его опять сходить на сервер нужно вызвать pull. Во время повторного запроса ячейка по прежнему будет иметь запомненное значение.

Пример с цепочкой запросов:

class BinanceAPI {
	exchangeInfo = cellx(({ push, wait }) => {
		fetch('https://api.binance.com/api/v1/exchangeInfo')
			.then((res) => res.json())
			.then(push);

		wait();
	});

	firstSymbolTicker = cellx(({ push, wait }) => {
		fetch(`https://api.binance.com/api/v1/ticker/bookTicker?symbol=${this.exchangeInfo().symbols[0].symbol}`)
			.then((res) => res.json())
			.then(push);

		wait();
	});
}

const binance = new BinanceAPI();

autorun(() => {
	console.log(binance.firstSymbolTicker());
});

Выводит:

{
  symbol: 'ETHBTC',
  bidPrice: '0.06769500',
  bidQty: '6.40620000',
  askPrice: '0.06769600',
  askQty: '3.68580000'
}

from cellx.

супер, то что надо, благодарю

from cellx.

Ещё немного добавлю. Вместо wait() можно возвращать какое-то значение, тогда ячейка на время запроса примет это значение. Ну и при первом вызове autorun второй console.log уже конечно сработает:

class BinanceAPI {
	serverTime = cellx(({ push }, prev = { serverTime: null }) => {
		fetch('https://api.binance.com/api/v1/time')
			.then((res) => res.json())
			.then(push);

		return prev;
	});
}

from cellx.