וובמאסטר - תיכנות ובניית אתרים

מדריך ארועים - פונקציות מחזירות ערך

זהר עמיהוד/‏ 30 ספטמבר, 2003
F+
F-
כשפונקציה מסיימת את פעולתה היא מחזירה ערך כלשהו, גם אם הדבר לא צויין במפורש. השימוש בפונקציות נעשה כדי לבצע שינוי בערך משתנה ולקבל ערך בחזרה, כדי לבצע פעולה כלשהי ולהחזיר ערך, להציג תיבת דו-שיח וכדומה. ב-JavaScript, כפי שראית, ניתן לבנות את רוב הקוד במסגרת הפונקציה. נניח שבנית פונקציה שמוציאה שורש למספר ומציגה את התוצאה. את כל הקוד תוכל לכתוב במסגרת הפונקציה ולכן הפונקציה לא צריכה להחזיר ערך.

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

נבקש לקבוע את שורת הסטטוס על ידי המשפט הבא:
window.status = '2' ;
כתוצאה, נקבל בשורת הסטטוס את המחרוזת '2'. אולם, ניתן לקבוע ערך דינמי על ידי קביעת הערך שיוחזר מפונקציה. לדוגמה:
window.status = sayHello() ;
אז, ייקבע ערך שורת הסטטוס על פי הערך שיוחזר מהפונקציה sayHello(). ניתן להשתמש ב-JavaScript במילה השמורה return. פקודה זו מסיימת את פעולת הפונקציה ו"יוצאת" ממנה, וגם מחזירה את הערך שרשום אחריה. לדוגמה:
   function sayHello()
   {
		return "Hello World!" ;
   }
בדוגמה זו הפונקציה תחזיר את המחרוזת "Hello World!". בדוגמה 11.html ניתן לראות שלחיצה על הלחצן קובעת את ערך שורת הסטטוס על ידי קריאה לפונקציה sayHello().

דוגמה 11.html:
<html>
 <head>
  <script language="javascript">
   function sayHello()
   {
    return "Hello World!" ;
   }
  </script>
 </head>
 <body>
  <form name="butForm">
   <input type="button" 
    value="לחץ כאן והתבונן בשורת המצב" 
    onclick="window.status=sayHello();" />
   <input type="button" 
    value="לחץ כאן לניקוי שורת המצב" 
    onclick="window.status='';" />
   </form>
 </body>
</html>
בדוגמה הקודמת הפונקציה החזירה מחרוזת, אך היא יכולה גם להחזיר ערך של משתנה, כפי שניתן לראות בדוגמה הבאה.

דוגמה 12.html:
<html dir="rtl">
 <head>
  <script language="javascript">
   function click2show() {
    var personAge ; 
    personAge = 16 ;
    return personAge ;
   }
  </script>
 </head>
 <body>
  <form name="myForm">
   <input type="button" 
    value="לחץ כאן. מה אתה רואה בשורת המצב?" 
    onclick="window.alert(click2show());" />
  </form>
 </body>
</html>

בדף 12.html בעת לחיצה על (אירוע onclick) לחצן תופיע תיבת דוח-שיח שנוצרה על ידי השיטה alert של אובייקט window. הערך שמוצג בתיבת הדו-שיח הוא ערך מספרי שחושב בפונקציה click2show().

הערה

אם לא תציין בפונקציה את המילה return או שתכתוב את המילה return מבלי לציין מה להחזיר, הפונקציה תחזיר את הערך undefined.


טיפ

במשפט return אפשר להחזיר גם true או false, במיוחד במקרים שבהם מתבצעת הפונקציה כדי לתת אור "ירוק" או אור "אדום" (אמת/שקר, עובר/לא עובר, נכון/לא נכון).

זהר עמיהוד

זהר עמיהוד, מומחה שיווק וקידום אתרים באינטרנט. עוזר לבעלי עסקים להביא יותר לקוחות לאתר, ליצור יותר פניות ויותר מכירות. מרצה בנושאי שיווק באינטרנט. תואר שני במינהל עסקים מטעם אוניברסיטת תל-אביב, מוסמך מטעם חברת מיקרוסופט, מחבר ספרי מחשבים רבי-מכר.
אתר: http://www.hod-ami.co.il
תגיות: JS‏  /  Javascript‏  /  DHTML‏  /  DOM‏  /  Dynamic‏  /  דינמי‏  /  ארועים‏  /  events‏  /  event‏  /  ארוע‏  /  function‏  

תגובות בפייסבוק

תגובות למאמר



עוד במדריך

תגיות פופולאריות

X
הצטרף לעמוד שלנו בפייסבוק להישאר מעודכן!
וובמאסטר © כל הזכויות שמורות