Valeurs par défaut des propriétés
Attribuez des valeurs de repli aux propriétés lorsque le parent n’en fournit pas.
Valeurs par défaut des propriétés est une leçon Sveltejs Academy gratuite sur CoddyKit. Ceci est la leçon 3 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Sveltejs Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Sveltejs Academy comprend 4 leçons au total.
Pourquoi utiliser des valeurs par défaut
Les valeurs par défaut rendent un composant utilisable sans que chaque utilisateur lui transmette toutes les propriétés. Elles définissent le comportement de remplacement.
Valeur par défaut en ligne
Attribuez une valeur lors de la déclaration de la propriété.
export let label = "Click me";Valeurs par défaut sous forme de fonction
Les valeurs par défaut peuvent être des expressions ou des littéraux de fonction.
export let onClick = () => {};Valeurs par défaut sous forme d’objet
Utilisez un littéral objet pour les valeurs par défaut complexes.
export let options = { color: "blue", size: "md" };Attention à la référence partagée
Les littéraux objets par défaut sont évalués pour chaque instance : chaque composant reçoit donc son propre objet. Vous pouvez le modifier sans risque.
Remplacer au niveau du parent
Lorsque le parent fournit une valeur, celle-ci remplace la valeur par défaut pour cette instance.
<Button label="Save" />Détection des propriétés obligatoires
Sans valeur par défaut, la propriété est conceptuellement obligatoire. TypeScript peut l’imposer avec l’indication required.
null et undefined
Transmettre undefined comme valeur entraîne l’application de la valeur par défaut ; transmettre null ne l’applique pas.
Composition des valeurs par défaut
Composez des valeurs par défaut à partir d’autres propriétés avec des déclarations réactives.
export let title = "";
export let subtitle;
$: effectiveSubtitle = subtitle ?? title;Documentation
Documentez les valeurs par défaut dans des commentaires JSDoc afin que les info-bulles de l’IDE les affichent.
/** @param {string} label */Valeurs par défaut stables
Évitez les valeurs par défaut qui changent entre les rendus. Des valeurs stables réduisent les nouveaux rendus et les comportements inattendus.
Vérification rapide
Comment définir la valeur par défaut d’une propriété ?
Récapitulatif
Fournissez les valeurs par défaut avec une simple affectation. Elles rendent les composants autonomes et indiquent clairement quelles propriétés sont facultatives.
Questions Fréquemment Posées
La leçon « Valeurs par défaut des propriétés » est-elle gratuite ?
Oui — le texte complet de « Valeurs par défaut des propriétés » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Sveltejs Academy, passe à CoddyKit PRO. Le cours Sveltejs Academy comprend 4 leçons au total.
Qu'est-ce que j'apprendrai dans « Valeurs par défaut des propriétés » ?
Attribuez des valeurs de repli aux propriétés lorsque le parent n’en fournit pas. Tu pratiques Sveltejs Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer Sveltejs Academy ?
Aucune expérience préalable n'est requise. Sveltejs Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 3 sur 4.
Combien de temps prend la leçon « Valeurs par défaut des propriétés » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon Sveltejs Academy ?
Oui. Chaque leçon Sveltejs Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- Déclarer des propriétés avec export let
- Transmettre des propriétés depuis le parent
- Valeurs par défaut des propriétés
- Transmettre les propriétés avec $$props et $$restProps