4 שימושי הצהרות JavaScript אתה צריך לדעת

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

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

1. הצהרה ריקה

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

למשל, נניח שיש משתנה שנקרא לקמוס עם ערך ברירת המחדל ניטראלי. בהתבסס על הערך של משתנה אחר הנקרא pH, לקמוס שינויים חומצי כאשר pH < 7 or בסיסי כאשר pH> 7.

אם הערך של pH מתברר להיות לא חוקי, שגיאה נזרק. למשך תנאי כך יחולו הצהרות מותנות:

 var litmus = 'Neutral'; var pH; אם (pH> 0 && pH<7) litmus = 'acidic'; else if(pH>7 && pH<15) litmus = 'basic'; else throw "Invalid pH value"; 

עם זאת, קבוצה של הצהרות לעיל זורק שגיאה כאשר pHשל הערך הוא 7, אשר לא צריך להיות המקרה.

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

 var litmus = 'Neutral'; var pH; אם (pH> 0 && pH<7) litmus = 'acidic'; else if(pH===7) ; /* empty statement */ else if(pH>7 && pH<15) litmus = 'basic'; else throw "Invalid pH value";

עכשיו, מתי pH הוא 7, המתורגמן אינו מבצע כל הוראה, ו לקמוס שומרת את ערך ברירת המחדל שלה, ניטראלי.

אמירות ריקות יכול לשמש גם כדי לאכלס מערך בעזרת ל לולאה.

 var ary = []; (var i = 0; i < 5; ary[i++] = i) ; /* empty statement */ console.log(ary); // [1, 2, 3, 4, 5]

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

בדוגמה לעיל, ארי [i ++] = i מבצעת עבור כל לולאה איטרציה כחלק מצב looping, ואת המערך ארי מקבל מופעים עם ערכים של אני.

2. הבאגים הצהרה

ב Debugging כלים, אנחנו יכולים הוסף סמנים שקוראים לו נקודות לכל שורה בקוד המקור סמן את השורות שמהן יתחיל באגים בכלי הבאגים.

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

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

כמבחן מהיר, הפעל את הקוד הבא ב- Codepen, תוך שמירה על כלי הבאגים של הדפדפן פתוח:

 console.log ('tesing'); הבאגים; console.log ('debugging statement');

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

3. תווית הצהרה

ב- JavaScript, תוכל להוסיף תוויות גם להצהרות מסוימות. על ידי כך, אתה יכול מאוחר יותר לקפוץ להצהרה שכותרתו באמצעות התווית שלו בקוד שלך, סוג של כמו לך ל משפט עובד בשפות אחרות.

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

שניהם לשבור ו להמשיך ניתן להשתמש רק בתוך הצהרות looping, כגון ל לולאה (למעט חריג אחד, לשבור ניתן להשתמש ב החלף הצהרה גם). אז, אנחנו יכולים לתייג לולאות, ולהשתמש לשבור ו להמשיך כדי לשלוט בביצועם.

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

 לולאה: עבור (var i = 0; i<5; i++) if(i===2) continue loop; console.log(i); // 0, 1, 3, 4 

כאשר הערך של אני הוא 2, ביצוע קופץ חזרה לולאה במקום להמשיך ולכן מונע את פלט המסוף של “2”.

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

 לולאה: עבור (var i = 0; i<5; i++) if(i===2) break loop; console.log(i); // 0, 1 

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

 לולאה: עבור (var i = 0; i<4; i++)  for(var j=0; j<2; j++)  if(i===2 && j===1) break loop; console.log(i+"-"+j); 

הנה ה לולאה חיצונית הפסקות ערך 2 עבור משתנה אני ובבית 1 עבור י, והמסוף מחזיר את הפלט הבא:

 0-0 0-1 1-0 1-1 2-0

4 עם הצהרה

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

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

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

 var person = firstName: "John", LastName: "Doe", גיל: "18", ארץ: "גרינלנד"; עם (אדם) console.log ("היי, השם שלי הוא" + firstName + "" + LastName + "אני" + גיל + "שנים, ולחיות" + + + ".); "היי, שמי ג'ון דו, אני בן 18, גר בגרינלנד".

השווה כיצד ייראה הקוד לעיל מבלי להשתמש ב- עם הצהרה you

 var person = firstName: "John", LastName: "Doe", גיל: "18", ארץ: "גרינלנד"; "אני +" person.age + "שנים, ולחיות" + person.country + "." ); "היי, שמי ג'ון דו, אני בן 18 וגר בגרינלנד".

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

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

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