我正在try 创建一个可重用的函数，该函数使用当前URL中的数据来生成一些输出.但是，当我执行以下操作时:
// reusableScript.js
import { page } from '$app/stores';
export default () => {
return page.url
}
<!-- Component.svelte -->
<script>
import { script } from '$lib';
const url = script()
</script>
<div>
{url}
</div>
值url始终是未定义的.我的理解有误吗？
这是一个store，要读它，你必须读到subscribe或使用get utility function，但这会失go react 性，所以我不建议这样做，除非你只想读取值once.
否则，导出一个只获得URL的新的derivedstore ，然后通过$表示法使用它.例如.
import { page } from '$app/stores';
import { derived } from 'svelte/store';
export const currentUrl = derived(page, $page => $page.url);
<script>
import { currentUrl } from '$lib';
</script>
<div>
{$currentUrl}
</div>
如果你需要一个函数来处理需要参数的URL，你可以创建一个派生的存储来返回一个函数，例如.
import { page } from '$app/stores';
import { derived } from 'svelte/store';
export const processUrl = derived(
page,
$page => suffix => $page.url + ' ' + suffix,
);
<script>
import { processUrl } from '$lib';
</script>
<div>
{$processUrl('!')}
</div>