如何将苗条存储作为承诺而不是带有订阅的对象返回

问题描述

我有一个像 this example 这样的苗条商店：

store.ts

import { writable } from 'svelte/store';

export const count = writable(0);

test.svelte

function increment() {
    count.update(n => n + 1);
}

我可以得到这样的值：

app.svelte

const unsubscribe = count.subscribe(value => {
    count_value = value;
});

但是是否可以使用 await / Promise 而不是带有 subscribe 的 observable-like 对象来只获得一次的值？

示例：

const count-value = await count.toPromise();

显然 toPromise 不存在于 Writable 对象上，但我认为可能通过 rxjs、internal svelte 或 wonka 可能有一个选项或某种变通办法。

解决方法

我不知道 Svelte 商店有任何承诺 API。如果只想获取一次值，可以使用 get。

import { get } from 'svelte/store';

const countValue = get(count);

虽然在热代码路径中不推荐这样做。来自文档：

这是通过创建订阅，读取值，然后取消订阅来实现的。因此不推荐在热代码路径中使用。

,

你也可以写：

import { writable } from 'svelte/store';

const count = writable(0);

function increment() {
    $count += 1;
    console.log($count);
};

increment();

或者与 setContext 和 getContext 共享一个计数器

counter.svelte：

  import { setContext } from 'svelte';

  let count = 10;
  setContext('counter',{
    get count() {return count},increment: () => {count += 1},getCount: async () => {return await count} 
  });

increment.svelte：

import { setContext } from 'svelte';

const counter = getContext('counter');
counter.increment();

getters.svelte：

import { getContext } from 'svelte';

const counter = getContext('counter');
console.log(counter.count);
counter.getCount().then((c) => console.log(c));