ייצוא באמצעות export
חלק מהיחידה תכנות מונחה עצמים במסלול ה-JavaScript של Coddy. שיעור 8 מתוך 56.
כשאתה מארגן את קוד ה-JavaScript שלך בכמה קבצים, מילת המפתח export מאפשרת לך לחשוף פונקציות, משתנים וקוד אחר, כדי שאפשר יהיה להשתמש בהם בקבצים אחרים.
בואו ניצור שתי פונקציות פשוטות שנרצה לייצא:
File: math-utils.js
// פונקציה שמחברת שני מספרים
function add(a, b) {
return a + b;
}
// פונקציה שמכפילה שני מספרים
function multiply(a, b) {
return a * b;
}
// ייצאו את הפונקציות כדי שקבצים אחרים יוכלו להשתמש בהן
export { add, multiply };לחלופין, אפשר להשתמש בתחביר הייצוא בשורה:
File: math-utils.js
// ייצא פונקציות ישירות
export function add(a, b) {
return a + b;
}
export function multiply(a, b) {
return a * b;
}אתגר
קליש לך שני קבצים <strong>main.js</strong> ו <strong>weather-utils.js</strong>. המשימה שלך:
- ב־
<strong>weather-utils.js</strong>: הוסף את מילת המפתחexportכדי להפוך את הפונקציהgetWeatherMessageלזמינה בקבצים אחרים - ב־
<strong>main.js</strong>: קרא לפונקציה המיובאתgetWeatherMessageעם הטמפרטורה 15 והדפס את התוצאה באמצעותconsole.log
נסו בעצמכם
import { getWeatherMessage } from './weather-utils.js';
// TODO: קראו לפונקציה getWeatherMessage עם טמפרטורה של 15 והדפיסו את התוצאה באמצעות console.logהשיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.
כל השיעורים ביחידה תכנות מונחה עצמים
1אובייקטים ומילת המפתח this
סקירה מהירה: אובייקטיםהוספת מתודות לאובייקטיםהבנת מילת המפתח thisפונקציות בנאימילת המפתח newאתגר סיכום7הורשה ומילת המפתח extends
הורשההקשר "הוא-סוג-של"מילת המפתח extendsהמתודה super()הורשת מאפיינים ומתודותאתגר סיכום8ארגון קוד OOP
ארגון מחלקות במודוליםתרגלו בעצמכם: קומפיילר JavaScript אונליין