JavaScript-‫עקרונות כתיבת קוד ב‬
                                      ‫מציגה: קסניה פופוב‬




             http://javascript.crockford.com/code. :‫מקור‬
                                                    html
‫קבצים ‪JavaScript‬‬


                                                ‫●לשמור ב-.‪js‬‬
                                     ‫● לא לכתוב קוד ב-‪HTML‬‬
‫●>‪ <script src=filename.js‬לשים כמה שיותר קרוב לתגית סגירה של‬
                                                     ‫‪body‬‬
‫עקרונות כלליים‬


                        ‫הזחות - יש להשתמש ברווחים ולא בטאבים‬
     ‫רוחב של שורות - לא יותר מ08- תווים. אם שורה ארוכה מידי -‬
‫לשבור שורה אחרי פסיק ולהתחיל שורה הבאה ב8- רווחים. כל שורה‬
                                   ‫צריכה להסתיים בנקודה-פסיק;‬
                       ‫הערות - עדיף לכתוב הערות בשורה נפרדת.‬
‫שמות - להשתמש רק באותיות )‪ ,(A .. Z, a .. z‬מספרים)9-0( ומקף‬
   ‫תחתון )_ - אבל לא בתו הראשון( . שם של משתנה עדיף להתחיל‬
          ‫באות קטנה. משתנים גלובליים יש לכתוב באותיות הגדולות‬
‫משתנים‬




‫לסדר לפי‬
               var currentEntry; // currently selected table entry
    '‫א'-ב‬      var level;   // indentation level
               var size;    // size of table


  var -‫להתחיל שורה ב‬   ‫לתת שם בעל משמעות‬    ‫להוסיף הערה לכל משתנה‬




                                           !‫לא כדאי להשתמש במשתנים גלובליים‬
‫פונקציות‬

                   ‫אין רווח בין שם הפונקציה‬    ‫רווח אחד לפני‬
                                                               ‫רווח אחד בין שם הפונקציה וסוגריים במקרה ופונקציה‬
                                  ‫וסוגריים‬    ‫תחילת פונקציה‬
                                                                                                        ‫אנונימית‬

                 ‫{ )‪function outer(c, d‬‬                          ‫{ )( ‪div.onclick = function‬‬
                      ‫;‪var e = c * d‬‬                                   ‫;‪return false‬‬
                                                                    ‫;}‬
                       ‫{ )‪function inner(a, b‬‬
                         ‫;‪return (e * a) + b‬‬
      ‫4 רווחים‬
                       ‫}‬

                       ‫;)1 ,0(‪return inner‬‬
                   ‫}‬
   ‫סגירה באותה‬
‫הזחה כמו פתיחה‬
=== and !==


                                                                 if (a == b) {
if (a === b) {

}
       ...
                           if (a !== b) {

                           }
                                   ...
                                                                 }  X   ...




{} and []
Use {} instead of new Object(). Use [] instead of new Array().
‫תודה!:(‬

Code conventions for the java script programming language (1)

  • 1.
    JavaScript-‫עקרונות כתיבת קודב‬ ‫מציגה: קסניה פופוב‬ http://javascript.crockford.com/code. :‫מקור‬ html
  • 2.
    ‫קבצים ‪JavaScript‬‬ ‫●לשמור ב-.‪js‬‬ ‫● לא לכתוב קוד ב-‪HTML‬‬ ‫●>‪ <script src=filename.js‬לשים כמה שיותר קרוב לתגית סגירה של‬ ‫‪body‬‬
  • 3.
    ‫עקרונות כלליים‬ ‫הזחות - יש להשתמש ברווחים ולא בטאבים‬ ‫רוחב של שורות - לא יותר מ08- תווים. אם שורה ארוכה מידי -‬ ‫לשבור שורה אחרי פסיק ולהתחיל שורה הבאה ב8- רווחים. כל שורה‬ ‫צריכה להסתיים בנקודה-פסיק;‬ ‫הערות - עדיף לכתוב הערות בשורה נפרדת.‬ ‫שמות - להשתמש רק באותיות )‪ ,(A .. Z, a .. z‬מספרים)9-0( ומקף‬ ‫תחתון )_ - אבל לא בתו הראשון( . שם של משתנה עדיף להתחיל‬ ‫באות קטנה. משתנים גלובליים יש לכתוב באותיות הגדולות‬
  • 4.
    ‫משתנים‬ ‫לסדר לפי‬ var currentEntry; // currently selected table entry '‫א'-ב‬ var level; // indentation level var size; // size of table var -‫להתחיל שורה ב‬ ‫לתת שם בעל משמעות‬ ‫להוסיף הערה לכל משתנה‬ !‫לא כדאי להשתמש במשתנים גלובליים‬
  • 5.
    ‫פונקציות‬ ‫אין רווח בין שם הפונקציה‬ ‫רווח אחד לפני‬ ‫רווח אחד בין שם הפונקציה וסוגריים במקרה ופונקציה‬ ‫וסוגריים‬ ‫תחילת פונקציה‬ ‫אנונימית‬ ‫{ )‪function outer(c, d‬‬ ‫{ )( ‪div.onclick = function‬‬ ‫;‪var e = c * d‬‬ ‫;‪return false‬‬ ‫;}‬ ‫{ )‪function inner(a, b‬‬ ‫;‪return (e * a) + b‬‬ ‫4 רווחים‬ ‫}‬ ‫;)1 ,0(‪return inner‬‬ ‫}‬ ‫סגירה באותה‬ ‫הזחה כמו פתיחה‬
  • 6.
    === and !== if (a == b) { if (a === b) { } ... if (a !== b) { } ... } X ... {} and [] Use {} instead of new Object(). Use [] instead of new Array().
  • 7.