כיצד להשתמש בפונקציות במדריך למתחילים של TypeScript

פונקציות הן אבן בניין בסיסית ב-TypeScript, כפי שהן ב-JavaScript. TypeScript מרחיב את פונקציות JavaScript עם תכונות נוספות כמו הערות סוג, המשפרים את בהירות הקוד ומונעים שגיאות. מדריך זה למתחילים ידריך אותך כיצד להשתמש בפונקציות ב-TypeScript.

הגדרת פונקציות

ב-TypeScript, אתה יכול להגדיר פונקציות בדיוק כמו ב-JavaScript אבל עם הערות סוג אופציונליות לציון סוגי הפרמטרים וערכי ההחזרה.

הגדרת פונקציה בסיסית

כך אתה מגדיר פונקציה פשוטה ב-TypeScript:

function greet(name: string): string {
  return "Hello, " + name;
}

בדוגמה זו, name הוא פרמטר מסוג string, והפונקציה מחזירה ערך מסוג string.

פרמטרים של פונקציות וסוגי החזרה

TypeScript מאפשר לך לציין את הסוגים עבור פרמטרי פונקציה וערכי החזרה, ומסייעים להבטיח שהפונקציה משמשת נכון.

פונקציה עם פרמטרים

הנה פונקציה שלוקחת שני פרמטרים ומחזירה את הסכום שלהם:

function add(x: number, y: number): number {
  return x + y;
}

בפונקציה זו, גם x וגם y הם מסוג מספר, והפונקציה מחזירה מספר.

פונקציות ללא ערך חוזר

לא כל הפונקציות צריכות להחזיר ערך. פונקציות ללא ערך החזרה מוכרזות עם סוג החזרה של void. פונקציות אלו מבצעות פעולות אך אינן מייצרות תוצאה.

דוגמה ללא ערך החזרה

function logMessage(message: string): void {
  console.log(message);
}

בדוגמה זו, logMessage מדפיס את הודעה לקונסולה אך לא מחזיר שום ערך.

פרמטרים אופציונליים וברירת מחדל

TypeScript תומך בפרמטרים אופציונליים וברירת מחדל, המאפשרים לך ליצור פונקציות גמישות יותר.

פרמטרים אופציונליים

פרמטרים אופציונליים מפורטים על ידי הוספת ? אחרי שם הפרמטר:

function greet(name: string, greeting?: string): string {
  if (greeting) {
    return greeting + ", " + name;
  }
  return "Hello, " + name;
}

בדוגמה זו, greeting הוא פרמטר אופציונלי שניתן להשמיט בעת קריאה לפונקציה.

פרמטרי ברירת מחדל

לפרמטרים של ברירת המחדל יש ערך ברירת מחדל אם לא מסופק ערך:

function greet(name: string, greeting: string = "Hello"): string {
  return greeting + ", " + name;
}

אם ברכה אינה מסופקת, ברירת המחדל היא "Hello".

עומס יתר של פונקציות

TypeScript תומך בעומס יתר של פונקציות, ומאפשר לך להגדיר חתימות פונקציות מרובות עבור אותו שם פונקציה:

function greet(name: string): string;
function greet(name: string, age: number): string;
function greet(name: string, age?: number): string {
  if (age !== undefined) {
    return `Hello, ${name}. You are ${age} years old.`;
  }
  return `Hello, ${name}.`;
}

בדוגמה זו, ניתן לקרוא ל-greet עם פרמטר אחד או שניים.

פונקציות חץ

פונקציות חץ מספקות תחביר קצר יותר לכתיבת פונקציות ואין להן הקשר זה משלהן:

const add = (x: number, y: number): number => x + y;

דוגמה זו מראה כיצד להגדיר פונקציית חץ שמוסיפה שני מספרים.

מַסְקָנָה

פונקציות ב-TypeScript הן דרך רבת עוצמה לקפסול ושימוש חוזר בקוד. על ידי שימוש בהערות סוגים, פרמטרים אופציונליים וברירת מחדל, עומס יתר של פונקציות ופונקציות חצים, אתה יכול לכתוב קוד חזק יותר וניתן לתחזוקה. הבנת היסודות הללו תעזור לך לנצל את מלוא היכולות של TypeScript בפרויקטים שלך.