$derived: декларативные вычисляемые значения
Вычисляйте значения, которые автоматически обновляются при изменении зависимостей.
«$derived: декларативные вычисляемые значения» — бесплатный урок Sveltejs Academy на CoddyKit. Это урок 3 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Sveltejs Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Sveltejs Academy содержит 4 уроков всего.
Вычисляемое состояние
Используйте $derived(expr), чтобы вычислить значение на основе реактивных источников.
let count = $state(0);
let doubled = $derived(count * 2);Автоматическое отслеживание
Svelte автоматически отслеживает зависимости выражения. Производное значение обновляется при изменении любого источника.
Только для чтения
Производным значениям нельзя напрямую присваивать значения; они всегда отражают результат вычисления.
Использование в разметке
Читайте производные значения так же, как любое состояние.
<p>Doubled: {doubled}</p>Ленивое вычисление
Производные значения вычисляются лениво при чтении; если их никто не читает, вычисления не выполняются.
Кэширование
Результат кэшируется до изменения источника — повторных вычислений при каждом чтении нет.
Сложная логика
Для логики из нескольких инструкций используйте форму $derived.by(() => { ... }).
Сравнение с $:
$derived заменяет $: x = .... Он более явный и работает за пределами файлов .svelte.
Вывод типов
TypeScript автоматически выводит типы из выражения.
Без побочных эффектов
Производное значение должно быть чистым. Для побочных эффектов используйте $effect.
Производительность
Результат запоминается и пересчитывается только при изменении зависимостей.
Быстрая проверка
Что возвращает $derived?
Итоги
$derived — современный явный способ объявлять вычисляемые значения. Для многострочной логики используйте $derived.by.
Часто задаваемые вопросы
Урок «$derived: декларативные вычисляемые значения» бесплатный?
Да — полный текст урока «$derived: декларативные вычисляемые значения» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Sveltejs Academy, подпишись на CoddyKit PRO. Курс Sveltejs Academy содержит 4 уроков всего.
Чему я научусь в уроке «$derived: декларативные вычисляемые значения»?
Вычисляйте значения, которые автоматически обновляются при изменении зависимостей. Ты практикуешь Sveltejs Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать Sveltejs Academy?
Предыдущий опыт не требуется. Sveltejs Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 3 из 4.
Сколько времени занимает урок «$derived: декларативные вычисляемые значения»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке Sveltejs Academy?
Да. Каждый урок Sveltejs Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Зачем нужны руны: за пределами магии компилятора
- $state: детализированная реактивность
- $derived: декларативные вычисляемые значения
- $effect: побочные эффекты