שיעור 4
דף 12: פונקציות ללא פרמטרים.
דף HTML זה מכיל פונקציה שנקראת: ()announceTime. על מנת לקרוא ל- announceTime מתוך הלינק, תצטרך לעשות את הדבר הבא:
<a href="#" onClick="announceTime();">time!</a>
כמו כאן.
אתה ראית משהו דומה לזה בשיעור מס' 2:
<a href="#" onClick="alert('Hello!');">Hello!</a>
זה בעצם גורם להפעלה של מתודת ()alert מתוך לינק. פונקציה היא כמו מתודה, השוני היחידי הוא שהמתודה מחוברת לאובייקט. במקרה של ()alert האובייקט הוא חלון אובייקט.
הבה נמשיך לפונקציה עצמה. אם תסתכל בקוד של עמוד זה, תוכל לראות שהפונקציה יושבת בראש מסמך ה- HTML. הנה היא:
<html>
<head>
<title>Function with No Parameters</title>
<script langauge="JavaScript">
<!-- hide me
function announceTime()
{
//get the date, the hour, minutes, and seconds
var the_date = new Date();
var the_hour = the_date.getHours();
var the_minute = the_date.getMinutes();
var the_second = the_date.getSeconds();
//put together the string and alert with it
var the_time = the_hour + ":" + the_minute + ":" + the_second;
alert("The time is now: " + the_time);
}
// show me -->
</script>
</head>
<body>
...
</body>
</html>
בוא, נעבור שורה אחר שורה על הפונקציה. דבר ראשון, כל הפונקציות באות בפורמט הבא:
function functionName(parameter list)
{
statements ...
}
חוקי השמות של הפונקציות הם כמו חוקי המשתנים. התכונה הראשונה חייבת להיות אות או קו תחתי. שאר התכונות יכולות להיות מספרים או תווים מפרידים. בנוסף לכך, חשוב שתשים לב שאתה לא נותן שם זהה לפונקציה ולמשתנה. אם תעשה כך תקבל תוצאות מאד מוזרות קשות לגלוי. אני משתמש היוון פנימי לשמות הפונקציות שלי על מנת לוודא שאני לא נותן בטעות אותו שם לפונקציה ומשתנה.
לאחר שם הפונקציה, מגיעה רשימה של פרמטרים. לפונקציה הזאת אין שום פרמטרים, ולכן אני אשהה את תיאור הפרמטרים לדוגמא הבאה.
אחרי הפרמטרים בא גוף הפונקציה. זהו סט של הצהרות שאתה מריץ כאשר הפונקציה פועלת. אני אשתמש ב- timer זה בדוגמאות הבאות, אז אתאר בקצרה כיצד הוא עובד.
השורה הראשונה:
var the_date=new Date();
מקבלת אובייקט תאריך (date) חדש. כמו שאתה צריך להשיג אובייקט מערך חדש לפני, שאתה עושה משהו איתו, כך עליך להשיג אובייקט date חדש על מנת לקבל את הזמן. כאשר אתה מקבל אובייקט date חדש, אוטומאטית מוצבים בו מראש התאריך והזמן הנוכחי. על מנת להוציא מידע מהאובייקט, אתה חייב להשתמש במתודה של האובייקט.
var the_hour = the_date.getHours();
var the_minute = the_date.getMinutes();
var the_second = the_date.getSeconds();
המתודות האלה מקבלות את המספרים המתאימים מהאובייקט. אתה בטח שואל את עצמך, איך אני אמור לדעת מהן המתודות של האובייקט date? איך אני אדע שיש בכלל דבר כזה שנקרא אובייקט date? ובכן זאת הסיבה שבגללה כדאי לך להכנס לספרייה של JavaScript. אני אנסה להסביר כמה שיותר אובייקטים מובנים ב- JavaScript, אבל אין אפשרות שאני אעבור על כולם.
שאר הפונקציות הן די ברורות. ניקח את המספר שמוחזר מהמתודה, ונהפוך אותו למחרוזת, אז נפעיל את מתודת ()alert שתדאג לשים את המחרוזת בתיבת הדיאלוג. שים לב, שאתה יכול להפעיל מתודות ופונקציות מתוך הפונקציות. אנחנו נראה עוד הרבה דוגמאות לכך.
עכשיו, כששיחקת מספיק עם הלינק של ה- timer, אולי שמת לב שמשהו אינו כשורה. כל כמה זמן אתה מקבל משהו כזה:"The time is now: 12:14:4". במה מודבר?
מתברר, שהמתודה ()getSeconed מחזירה מספר. אם הזמן הוא 12:14:4 אז ()getSeconeds יחזיר את הערך 4. כאשר אנחנו משרשרים את המחרוזות ע"י the_minute + ":" + the_seconed, נקבל 14:4, במקום מה שרצינו. ישנה דרך קלה לצאת מזה, כלומר: ליצור פונקציה חדשה ולתקן את הדקות או השניות אם הן דורשות תיקון. הפונקציה החדשה תאפשר לנו להציג את הפרמטרים והערכים החוזרים, שניהם, חלקים חשובים מאוד בפונקציות, כך שהפונקציה החדשה ראויה לדף משל עצמה.
בדף הבא: פרמטרים, וערכים חוזרים.
חזור לתחילת הדף
לדף הבא «--
|
