כיצד לציין את סוגי הפונקציה ב-TypeScript

Kyzd Lzyyn T Swgy Hpwnqzyh B Typescript



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

מדריך זה מסביר כיצד ניתן לציין את סוג הפונקציה ב-TypeScript.

כיצד לציין את ה'סוג' של פונקציה ב-TypeScript?

ה ' סוּג ' מילת מפתח מתאימה לסוג הפרמטרים/הארגומנטים של הפונקציה או לערך ההחזר שלה. ברגע שהסוג מוגדר עם הפרמטרים, אז המשתמש לא יכול להוסיף שום סוג אחר של ערך בו.







נתחיל בדוגמה הראשונה.



דוגמה 1: ציין את סוג ההחזרה של הפונקציה

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



קוד

השתמש בשורות הקוד הבאות בקובץ בעל סיומת '.ts':





פוּנקצִיָה זְמַן ( ) : מספר {

לַחֲזוֹר חָדָשׁ תַאֲרִיך ( ) . getTime ( ) ;

}

לְנַחֵם. עֵץ ( זְמַן ( ) ) ;

בשורות הקוד לעיל:

  • ה ' זְמַן() ' הפונקציה מציינת את ' מספר ' סוג נתונים כסוג ההחזרה של פונקציה זו.
  • הצהרת 'החזרה' זו משתמשת ב- תַאֲרִיך ' אובייקט המקושר עם ' getTime() ' שיטה להחזרת התאריך והשעה באלפיות שניות כ'מספר'.
  • לבסוף, הפעל את הפונקציה המוגדרת.

תְפוּקָה



הידור את קובץ '.ts' באמצעות המהדר 'tsc' ולאחר מכן הפעל את קובץ '.js' המהידור:

tsc main. ts //לְלַקֵט

צומת ראשי. js //לָרוּץ

כפי שניתן לראות, הפונקציה 'Time()' מאחזרת את הערך המספרי שצוין מכיוון שסוג ההחזר שלה הוא 'number'.

דוגמה 2: ציין את סוגי הפרמטרים של הפונקציה

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

פונקציה הוסף ( א : מספר, ב : מספר ) : מספר

{

לַחֲזוֹר א + ב ;

}

לְנַחֵם. עֵץ ( 'הסכום הוא:' + לְהוֹסִיף ( 10 , עשרים ) ) ;

בקוד הזה:

  • ה ' לְהוֹסִיף() ' הפונקציה לוקחת שני פרמטרים ' א ו ב 'מהסוג' מספר '.
  • פונקציה זו מחזירה את הערך המספרי כתוצאה מהפעולה האריתמטית שצוינה, כלומר 'a+b'.
  • ה ' console.log() השיטה קוראת ל- לְהוֹסִיף() ' פונקציה המעבירה את ערכי הארגומנט המוצהרים כ'מספרים'.

תְפוּקָה

tsc main. ts

צומת ראשי. js

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

דוגמה 3: סוגי פונקציות ב-TypeScript וציון הסוגים שלהן

ב-TypeScript, הפונקציות מסווגות לשני סוגים: ' בשם ' ו' בעילום שם '.

בשם פונקציה

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

תחביר

functionName ( [ args ] ) { }

פונקציה אנונימית

ה ' בעילום שם ” הפונקציה מוקצית למשתנה המגדיר אותה באופן דינמי כביטוי בזמן ריצה. זה עובד כמו הפשוט/פונקציה. המשתמש יכול לקרוא לו באמצעות שם המשתנה שבו הוא מוקצה כדי להפעיל את הפונקציות של הפונקציה.

תחביר

לתת לתוצאה = פוּנקצִיָה ( [ args ] ) { }

כעת, בואו נדגים את הפונקציה הנדונה באופן מעשי:

תן ל-myFunc = פוּנקצִיָה ( איקס : מספר, y : מספר ) : מספר {

לַחֲזוֹר איקס * ו ;

} ;

לְנַחֵם. עֵץ ( myFunc ( 10 , 6 ) ) ;

בשורות הקוד לעיל:

  • המשתנה 'myFunc' מגדיר פונקציה בעלת פרמטרים (עם הסוגים שלהם), ואת סוג ההחזרה.
  • הצהרת 'החזרה' מחזירה את הכפל של הערכים שעברו.
  • ה ' console.log() השיטה קוראת ל'פונקציה האנונימית' בעזרת המשתנה שהוקצה לה ' myFunc ' על ידי העברת הערכים המוצהרים כארגומנטים.

תְפוּקָה

tsc main. ts

צומת ראשי. js

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

סיכום

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