ייבוא באמצעות import
חלק מהיחידה תכנות מונחה עצמים במסלול ה-JavaScript של Coddy. שיעור 9 מתוך 56.
לאחר ייצוא של פונקציונליות ממודול, עלינו לייבא אותה כדי להשתמש בה בקובץ אחר. פקודת import מאפשרת לנו לייבא ערכים שיוצאו ממודולים אחרים.
ייבוא של ייצוא בעל שם:
// ייבוא פונקציה מסוימת ממודול
import { greet } from './greeting.js';
// כעת אפשר להשתמש בפונקציה greet
greet('John'); // פלט: Hello, John!אפשר לייבא כמה ייצואים בעלי שם בבת אחת:
// ייבוא של כמה פריטים מיוצאים
import { greet, farewell } from './greeting.js';
greet('John'); // פלט: Hello, John!
farewell('John'); // פלט: Goodbye, John!ייבוא של ייצוא ברירת מחדל:
// ייבוא של ייצוא ברירת מחדל (אין צורך בסוגריים מסולסלים)
// השתמשו בזה כאשר בקובץ האחר מופיע: export default functionName
import Person from './person.js';
// צרו Person חדש
const john = new Person('John');אתגר
קלאתה בונה טופס הרשמה. יש לך קובץ validation-utils.js שמכיל פונקציות שימושיות לאימות כתובות דוא״ל.
המשימה שלך:
- ייבא את הפונקציה
validateEmailבקובץmain.js(זהו ייצוא בשם, לא ייצוא ברירת המחדל) - קרא לפונקציה והעבר לה את כתובת הדוא״ל user@example.com
- הדפס את התוצאות באמצעות
console.log
נסו בעצמכם
// TODO: ייבאו כאן את הפונקציה validateEmail (זהו ייצוא בשם)
// TODO: קראו לפונקציה, העבירו לה את כתובת האימייל user@example.com והדפיסו את התוצאות באמצעות console.logהשיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.
כל השיעורים ביחידה תכנות מונחה עצמים
1אובייקטים ומילת המפתח this
סקירה מהירה: אובייקטיםהוספת מתודות לאובייקטיםהבנת מילת המפתח thisפונקציות בנאימילת המפתח newאתגר סיכום7הורשה ומילת המפתח extends
הורשההקשר "הוא-סוג-של"מילת המפתח extendsהמתודה super()הורשת מאפיינים ומתודותאתגר סיכום8ארגון קוד OOP
ארגון מחלקות במודוליםתרגלו בעצמכם: קומפיילר JavaScript אונליין