Menu
CoddyTech

ייצוא ברירת מחדל

חלק מהיחידה יסודות Node.js במסלול ה-Node.js של Coddy. שיעור 8 מתוך 33.

השיעור הזה מוסיף את store.js, קובץ שעוסק בדבר אחד: המאגר שמכיל את ההערות שלך. קובץ כזה מייצא את הדבר האחד שלו כברירת מחדל, והקובץ שמייבא אותו בוחר לו כל שם שהוא.

export default מסמן את הערך היחיד שהקובץ עוסק בו. הקובץ המייבא נותן לו כל שם שהוא, ולא כותב סוגריים מסולסלים:

// config.js
const config = { port: 3000 };
export default config;

// app.js
import settings from './config.js';
console.log(settings.port);

סוגריים מסולסלים מציינים ייבוא של ייצוא בשם, ולכן import { config } from './config.js' נכשל כאן: הקובץ config.js לא מייצא שום דבר בשם הזה. השתמש בייצוא ברירת מחדל עבור הערך המרכזי של קובץ, ובייצואים בשם עבור קובץ שמכיל פונקציות עזר.

challenge icon

אתגר

קל

ההערות שלך צריכות מקום אחד שבו יישמרו. הקובץ החדש store.js שומר אותן באובייקט store, שמתחיל עם שלוש הערות בתוך store.notes. שתף את האובייקט הזה עם notes.js, והשתמש בו ב־add וב־list.

  1. ב־store.js, הפוך את store לייצוא ברירת המחדל של הקובץ. ההערה שבתחתית מסמנת את המקום.
  2. ב־notes.js, ייבא את האובייקט בראש הקובץ, לצד הייבוא של formatNote. לייבוא ברירת מחדל אין סוגריים מסולסלים.
  3. בענף add, הוסף את ההערה באמצעות store.add(text). הפונקציה מחזירה את המספר של ההערה החדשה. הדפס Adding: ואחריו את ההערה, כשהיא מעוצבת עם המספר הזה. האובייקט מתחיל עם שלוש הערות, לכן node notes.js add Buy bread מדפיס:
    Adding: 4. Buy bread
  4. בענף list, השאר את הכותרת Notes for .... מתחתיה, החלף את No notes yet בכל ההערות שבאובייקט, שורה אחת לכל הערה, כשהן מעוצבות באמצעות formatNote וממוספרות החל מ־1. node notes.js list מדפיס:
    Notes for you
    1. Buy milk
    2. Call Ada
    3. Water the plants
    אם אין באובייקט הערות, עדיין הדפס No notes yet מתחת לכותרת.

נסה זאת: הקלד add Buy bread בתיבה שאחרי $ node notes.js והקש Enter. תראה Adding: 4. Buy bread. לאחר מכן הקלד list: תראה את שלוש ההערות ההתחלתיות, אך לא את Buy bread. האובייקט נשמר בזיכרון, ולכן כל הפעלה מתחילה מחדש עם שלוש ההערות שב־store.js. בפרק 3 שומרים את ההערות בקובץ.

נסו בעצמכם

// הפתקים נשמרים כאן עד שפרק 3 ישמור אותם בקובץ.
const store = {
    notes: ['Buy milk', 'Call Ada', 'Water the plants'],
    add(text) {
        this.notes.push(text);
        return this.notes.length;
    },
};

// הפוך את store לייצוא ברירת המחדל של הקובץ הזה.

כל השיעורים ביחידה יסודות Node.js

תרגלו בעצמכם: Express אונליין