Svelte 存储订阅函数不应在订阅时调用

Question

我不明白这一点。我正在尝试订阅一家 svelte 商店。但是传递给subscribe 的闭包函数会立即被调用。尽管商店的价值没有改变。

这是一个简洁的 REPL示例

使用以下代码：

<script>
    import { onDestroy } from 'svelte';
    import { writable } from 'svelte/store';
    
    const store = writable({ givenName: '', familyName: '' });
    
    const unsubscribe = store.subscribe( state => {
    console.log('This function shouldn\'t have been invoked on subscription.');
    });
    onDestroy(unsubscribe);
</script>

<h1>
    Please check the console output ...
</h1>

恕我直言，关闭函数应该在更改时触发，而不是在订阅时触发，或者我缺少什么？

Answer 1

存储writable将立即调用传递给其当前值的函数subscribe。这就是“按设计工作”。如果您只关心更新，则需要自己编写一个小包装器来忽略第一个值。

例如用一个函数

    function subscribeIgnoreFirst(store, fn) {
        let firedFirst = false;
        return store.subscribe(state => {
            if (!firedFirst) {
                firedFirst = true;
            } else {
                fn(state);
            }
        })
    }