תוכן העניינים[להתחבא][הופעה]
- 1. שפר את הידע הבסיסי שלך
- 2. השתמש באסטרטגיה מכוונת עצמים
- 3. השתמש בפונקציות גם אם הן קטנות
- 4. במקום ==, השתמש ב-===
- 5. השתמש ב-JSLint
- 6. יש למקם סקריפטים בתחתית העמוד שלך
- 7. הדרך המהירה ביותר ליצור מחרוזת
- 8. הוסף הערה לקוד שלך
- 9. השתמש ב-Template Literals
- 10. איטרטורים ועבור … של לולאות
- 11. השתמש ב-{} במקום New Object()
- 12. שקול לשים let ו-const בקוד שלך
- 13. eval() זה לא רעיון טוב
- 14. ה-Spread Operator שימושי
- 15. להמתין ולסנכרן
- 16. השתמש בשיטת include() ב-Javascript
- 17. הסר פריטים ממערך באמצעות Splice
- 18. השתמש בפונקציית החץ
- 19. עם Destructuring, אתה יכול להקצות במהירות ערכי משתנים
- 20. לעשות כמה פרויקטים
- סיכום
אם אי פעם התעניינתם בפיתוח אתרים, כנראה שנתקלתם ב-JavaScript. שפת תכנות מונחה עצמים היא JavaScript. מפתחים משתמשים בו כדי להפוך את דפי האינטרנט של צד הלקוח (הקצה הקדמי) לדינמי ואינטראקטיבי.
הוא משמש גם ליצירת דפי אינטרנט ואפליקציות אינטרנט, עם HTML ו-CSS. אין דף אינטרנט באינטרנט כיום שאין בו קוד JavaScript. זה הפך להיבט בלתי נפרד בתפקיד של מפתח.
אכן, הוא עולה בהתמדה. למרות ש-JavaScript מוכר בצורה הטובה ביותר עבור מתן פונקציונליות לדפי אינטרנט, הוא מופעל גם בסביבות שאינן של JavaScript. Node.js, Apache Couch-DB ו-Adobe Acrobat הם דוגמאות לטכנולוגיות אלו. להפעלת JavaScript, רוב דפדפני האינטרנט המודרניים מכילים מנוע ביצוע JavaScript מובנה. אם אתה רוצה להיות מפתח אינטרנט מצליח, תצטרך להתמודד עם JavaScript.
אתה חייב להתמודד עם זה היום או מחר. למה שלא תלמד JavaScript מבעוד מועד כדי שתהיה מוכן בבוא הזמן?
זה מה שתלמדו במפגש זה. הוא מסביר כיצד להישאר צעד אחד לפני מפתחי האינטרנט האחרים שלך על ידי ליטוש JavaScript שלך.
בואו נתחיל!
1. שפר את הידע הבסיסי שלך
אני אתחיל עם מחשבה והצהרה בסיסית ששמעת מאז שהיית צעיר. למד את היסודות ויישם אותם בפועל. פעמים רבות, תחילו לוגיקה עם קידוד, אבל תשכחו שכבר יש פונקציה מובנית עבורו, כמו חיתוך מערך. כאשר אתה מפעיל את קוד ה-JavaScript, אתה יכול לקבל שגיאה, וכתוצאה מכך, תכונות נוספות רבות מפסיקות לפעול.
זה יכול להיגרם על ידי נקודתיים בודדת או פסיקים הפוכים. דברים אלו מתרחשים כתוצאה מחוסר הבנה של היסודות. פעמים רבות בתוכנית יחידה, מועסקת לולאה בסיסית כגון for, which, or do while. לולאות הן אחד ממבני התכנות הבסיסיים ביותר.
זה די קשה לקוד ואפילו יש סיכוי לעבוד עבור חברה אם אינך בקי בלולאה וביסודות אחרים. חידוש היסודות שלך הוא קריטי מכיוון שהם מספקים בסיס איתן לפתח את ההיגיון והמוניטין המסובכים של הפתרון.
2. השתמש באסטרטגיה מכוונת עצמים
השיטה מונחה עצמים היא גישת התכנות המוכרת ביותר כיום. הגישה מכוונת עצמים, שהחלה עם C++, גדלה בפופולריות רבה מאז. כיום, רק תכנות מונחה עצמים משמש ליצירת כל השפות העיקריות. אסטרטגיה מכוונת עצמים היא כזו המתמקדת באובייקט ספציפי.
לאחר מכן, הפריט הופך לישות בסיסית. אובייקט זה משמש לאחר מכן להוספת תכונות ופונקציות לדף כבסיס. אתה יכול גם להשתמש בשיטה המסורתית של יצירת קוד מלמעלה למטה ללא פונקציות או אובייקטים. זה הרבה יותר מדי נרחב ולעולם אין לנסות. בעת פיתוח קוד, עלינו להשתמש בגישה פונקציונלית, ואם אנו משתמשים בפונקציות, עלינו להשתמש באובייקטים.
לכן, בהתחלה, השתדלו להמיר את הקוד הנרחב שלכם לקוד מונחה עצמים, ותמיד כתוב את הקוד בסגנון מונחה עצמים. כאשר אתה לומד קוד של אנשים אחרים, אתה תסתכל כל הזמן על טכניקות מונחה עצמים. אם אתה רוצה לשלוט ב-JavaScript, עדיף לשים את היד על זה.
3. השתמש בפונקציות גם אם הן קטנות
תכנות בגישה פונקציונלית היא דרך נהדרת ללכת. למה? זה מפריד את התוכנה שלך למודולים שמתפקדים יחד אך עדיין נבדלים זה מזה. תן לי לתת לך דוגמה כדי לעזור לך להבין.
ניתן לחשב את ריבוע הבסיס של המספרים השלמים באמצעות פונקציה. כדי לעשות זאת, עליך לריבוע את המספרים השלמים, לחשב את הממוצע שלהם, ולאחר מכן לחשב את השורש הריבועי של הממוצע. ישנם שלושה שלבים בתהליך. כתוצאה מכך, אנו יכולים להפעיל שלוש פונקציות. אבל, כפי שאתה יכול לראות, כל הפונקציות הללו קשורות זו בזו. הפלט של אחד נשלח לאחר, ואנו מקבלים את התוצאה הסופית.
בוא נעמיד פנים שבמקום שלוש פונקציות, אתה פשוט צריך אחת כדי לחשב RMS בהתבסס על מספר גורמים. הפתרון הסופי, כפי שאתה יכול לראות, אינו נכון. יהיה לך די קשה לקבוע מה השתבש באירוע כה גדול בשלב זה.
שלוש פונקציות זעירות, לעומת זאת, יאפשרו לך לנתח במהירות. כתוצאה מכך, גם אם הפונקציות צנועות, השתמש בהן כדי להגדיר מודולי קוד נפרדים. טכניקה זו תעזור לך להפוך למומחה JavaScript כמו קסם.
כעת, בואו נסתכל על כמה טיפים לקידוד JavaScript.
4. במקום ==, השתמש ב-===
ב-JavaScript, ישנם שני סוגים של אופרטורים של שוויון: אופרטורי שוויון קפדניים === ו-!==, ואופרטורי שוויון לא קפדניים == ו-!=. בהשוואה, זה נחשב כדרך הטובה ביותר להשתמש תמיד בשוויון מדויק. עם זאת, כשאתה עובד עם == ו-!=, אתה תיתקל בבעיות בעת התמודדות עם סוגים שונים.
כאשר סוגי הערכים שאתה משווה שונים, האופרטורים הלא קפדניים ינסו לכפות על הערכים שלהם, מה שעלול להוביל לתוצאות בלתי צפויות.
5. השתמש ב-JSLint
דאגלס קרוקפורד יצר את JSLint, מאתר באגים. כל שעליך לעשות הוא להכניס את הסקריפט שלך לקופסה, והוא יסרוק אותו במהירות לאיתור באגים או פגמים.
JSLint בוחן קובץ מקור של JavaScript. אם מתגלה בעיה, הוא שולח הודעה עם תיאור הבעיה ומיקום משוער בתוך המקור. הבעיה היא לא תמיד שגיאה תחבירית, אם כי זה קורה לעתים קרובות.
JSLint בוחן הן נורמות סגנוניות והן סוגיות מבניות. זה לא אומר שהתוכנה שלך מדויקת. זה רק מוסיף עוד זוג עיניים כדי לסייע בזיהוי בעיות. לפני שתתנתק על סקריפט, הרץ אותו דרך JSLint כדי לוודא שלא ביצעת שגיאות.
6. יש למקם סקריפטים בתחתית העמוד שלך
המטרה העיקרית של המשתמש היא שהדף ייטען במהירות האפשרית. הדפדפן לא יכול להמשיך לטעון סקריפט עד שהקובץ המלא נטען. כתוצאה מכך, המשתמש יצטרך לחכות זמן רב יותר כדי לראות התקדמות כלשהי.
אם יש לך קבצי JS המשמשים רק לספק פונקציונליות (לדוגמה, לאחר לחיצה על כפתור), הכנס אותם לתחתית העמוד, ממש לפני תג הגוף הסוגר. זהו ללא ספק התרגיל הטוב ביותר.
7. הדרך המהירה ביותר ליצור מחרוזת
כאשר אתה צריך לעבור לולאה סביב מערך או אובייקט, אל תשתמש תמיד בהצהרת לולאה מהימנה. השתמש בדמיון שלך כדי להמציא את הפתרון המהיר ביותר עבור המשימה שעל הפרק. אני לא הולך להביא לך מספרים; אתה פשוט תצטרך לסמוך עליי (או לבדוק בעצמך).
זוהי הטכניקה המהירה ביותר ללא ספק.
8. הוסף הערה לקוד שלך
זה אולי נראה חסר טעם בהתחלה, אבל תאמין לי כשאני אומר שאתה צריך להגיב על הקוד שלך לעתים קרובות ככל האפשר. מה אם תחזור לפרויקט חודשים מאוחר יותר ולא תוכל להיזכר בתהליך החשיבה המקורי שלך?
מה אם הקוד שלך חייב להיות מעודכן על ידי אחד מעמיתיך לעבודה? יש להעיר תמיד על אזורים חשובים בקוד שלך.
9. השתמש ב-Template Literals
האילוצים של מחרוזות שנוצרו עם מרכאות כפולות או בודדות הן רבות. כדי להפוך את העבודה איתם להרבה יותר קלה, ייתכן שתבחר להחליף חלק מהמחרוזות שלך במילולי תבניות.
תו ה-backtick (') משמש לבניית מילוליות של תבנית, שיש לה מספר יתרונות. אתה יכול להשתמש בהם כדי לאחסן ביטויים או לבנות מחרוזות מרובות שורות.
כפי שאתה יכול לראות, שלא כמו מילולי מחרוזת קונבנציונלית הבנויה עם מרכאות בודדות או כפולות, לא היינו צריכים להיכנס ולצאת שוב ושוב מהתבנית שלנו מילולית. זה ממזער את הסבירות לטעויות הקלדה ומאפשר לנו לכתוב קוד נקי יותר.
10. איטרטורים ועבור … של לולאות
איטרטורים הם אובייקטים ב-JavaScript שמיישמים את שיטת next() כדי להחזיר אובייקט שמאחסן את הערך הבא ברצף וכן true או false תלוי אם נותרו עוד ערכים. זה אומר שאם אתה מיישם את פרוטוקול האיטרטור, אתה יכול לבנות אובייקטים איטרטור משלך.
ישנם כמה איטרטורים מובנים ב-JavaScript, כגון String, Array, Map וכן הלאה. אתה יכול להשתמש עבור ... של לולאות כדי לחזור על פניהן. בהשוואה לרגיל עבור לולאות, זה יותר תמציתי ופחות נוטה לשגיאות. אנחנו לא צריכים לעקוב אחר האורך המלא של המערך או האינדקס הנוכחי באמצעות לולאה for...of. בעת תכנון לולאות מקוננות, זה עשוי לעזור לפשט את הקוד.
11. השתמש ב-{} במקום New Object()
ב-JavaScript, אתה יכול ליצור אובייקטים במגוון דרכים. השימוש בקונסטרוקטור החדש, כפי שמוצג, הוא דרך קונבנציונלית יותר. אסטרטגיה זו, לעומת זאת, מסומנת כ"תרגול לקוי".
זה לא הרסני, אבל זה קצת מלבני וייחודי. אני מציע במקום זאת להשתמש בטכניקת האובייקט המילולי.
12. שקול לשים let ו-const בקוד שלך
אנו יכולים להשתמש במילת המפתח let כדי ליצור משתנים מקומיים עם היקף לבלוק משלהם. אנו יכולים להשתמש במילת המפתח const כדי לבנות משתנים מקומיים בהיקף בלוק שלא ניתן לשנות.
בעת הצהרת משתנים, עליך לשקול להשתמש במילות המפתח let ו-const כאשר הדבר רלוונטי. זכור שמילת המפתח const משביתה רק הקצאה מחדש. זה גם לא הופך את המשתנה לבלתי ניתן לשינוי.
13. eval() זה לא רעיון טוב
שיטת eval(), למי שלא מודע, מאפשרת לנו גישה למהדר של JavaScript. בעיקרו של דבר, אנו יכולים להשתמש ב-eval כדי לבצע את התוצאה של מחרוזת על ידי אספקתה כקלט ().
זה לא רק יאט משמעותית את התסריט שלך, אלא שהוא גם מציע דאגה אבטחה משמעותית מכיוון שהוא נותן לטקסט המועבר יותר מדי סמכות. הימנע מזה בכל מחיר!
14. ה-Spread Operator שימושי
האם אי פעם היית צריך להעביר את כל הפריטים במערך כאלמנטים בודדים לפונקציה אחרת, או שאתה צריך להעביר את כל הערכים ממערך אחד לאחר? זה בדיוק מה שמפעיל הממרח (...) מאפשר לנו להשיג. הנה המחשה.
15. להמתין ולסנכרן
צור פונקציות אסינכרוניות באמצעות מילת המפתח אסינכרונית, אשר תמיד מחזירה הבטחה, במפורש או במרומז.
ניתן להשתמש במילת המפתח await בפונקציות אסינכרוניות כדי לעצור את הביצוע עד להשלמת הפתרון של הבטחות חוזרות. מחוץ לפונקציית האסינכרון שלך, הקוד ימשיך לפעול כרגיל.
16. השתמש בשיטת include() ב-Javascript
ב-JavaScript, הפונקציה include() קובעת אם מחרוזת מכילה את התווים שסופקו או אם מערך מכיל את האלמנט שצוין.
שיטה זו מחזירה true אם המחרוזת או האלמנט מתגלים; אחרת, הוא מחזיר false. ראוי להזכיר שהפונקציה Strings contains() היא תלוית רישיות. אם ברצונך להתאים מחרוזת ללא קשר לאותיות גדולות, פשוט הקטן תחילה את טקסט היעד.
17. הסר פריטים ממערך באמצעות Splice
כדי להסיר פריט ממערך, ראיתי מפתחים משתמשים בפונקציית המחיקה. זה שגוי מכיוון שבמקום למחוק את האובייקט, שיטת המחיקה מחליפה אותו ב-undefined.
הדרך הקלה ביותר להסיר אלמנט ממערך בהתאם לערך שלו ב-JavaScript היא להשתמש בפונקציה indexOf() כדי לקבל את מספר האינדקס של אותו ערך במערך, ולאחר מכן למחוק את ערך האינדקס הזה בשיטת splice() .
18. השתמש בפונקציית החץ
פונקציות חץ הן תכונה חשובה נוספת שזה עתה נוספה ל-JavaScript.
יש להם מטען של יתרונות. מלכתחילה, הם הופכים את החלקים הפונקציונליים של JavaScript למושכים יותר מבחינה ויזואלית וקלים יותר לכתיבה. עם זאת, שימוש בפונקציות חצים הופך את זה להרבה יותר קריא ותמציתי.
19. עם Destructuring, אתה יכול להקצות במהירות ערכי משתנים
מוקדם יותר בפוסט זה, למדנו על אופרטור ההפצה ב-JavaScript. פירוק מבנה דומה להרס בכך שהוא גם מפרק נתונים הכלולים בתוך מערכים.
ההבחנה היא שניתן להקצות את הערכים הלא-ארוזים הללו למשתנים נפרדים. התחביר זהה לזה של קיצור הדרך [] בעת יצירת מערך. עם זאת, הסוגריים ממוקמים בצד שמאל של מפעיל ההקצאה הפעם. הנה המחשה.
20. לעשות כמה פרויקטים
כל כישרון דורש תרגול עקבי, אז נסה לבנות מגוון פרויקטים כדי לחדד את היכולות שלך ולצבור מומחיות במגוון תרחישי תכנות.
תוך כדי העבודה על הפרויקטים תחוו מספר אתגרים ותקלות, שיספקו לכם את המומחיות הדרושה. אז נסו להמציא פרויקטים, ויש שפע של רעיונות ודוגמאות באינטרנט שיעזרו לכם. המשך לפתח קוד, והיכולות שלך ישתפרו.
סיכום
זה עשוי להיות קשה ללמוד שפת מחשב כמו JavaScript. אם אתה רציני לגבי הפיכתך למתכנת טוב ולהבטיח את העבודה הראשונה שלך, אז אסטרטגיות הלמידה של JavaScript יכולות לעזור לך להאיץ את תהליך הלמידה שלך.
ודא שאתה מתאמן בקידוד על בסיס קבוע, רשום הערות יסודיות תוך כדי לימוד רעיונות חדשים והשתמש בכל הכלים הנגישים לך. מעל הכל, צאו לשם והתחילו לתכנת תוך כדי כיף.
השאירו תגובה