JAVASCRIPT
          ‫סטנדרט עיצוב‬



                 - ‫על בסיס‬

     JavaScript Style Guide
http://contribute.jquery.org/style-guide/js/
‫‪ - JavaScript‬ריווח‬
                     ‫דגשים כלליים‬

       ‫* אינדנטציה באמצעות ‪Tab‬‬

  ‫* ללא רווחים ריקים בסוף השורה‬

    ‫* ‪- if / else / for / while / try‬‬
‫תמיד יופיעו בשורות מרובות‬
‫‪ - JavaScript‬ריווח‬
                    ‫:‬
      ‫דוגמא רעה :‬
‫‪ - JavaScript‬ריווח‬
     ‫דוגמא טובה :‬
‫‪- JavaScript‬מערכים ואובייקטים‬
        ‫במערכים ובאובייקטים ריקים -‬
                ‫אין צורך בריווח מיותר‬
‫‪- JavaScript‬קריאה לפונקציה‬
‫יש להכיל רווחים מסביב לכל ארגומנט‬




          ‫פרט למקרים יוצאי דופן...‬
‫ -קריאה לפונקציה‬JavaScript
                                                      :‫יוצאי דופן‬

 foo();                                            - ‫פונקציה ריקה‬

foo(function() {                        - ‫פונקציה קוראת לפונקציה‬
// no extra space between bracket and 'function'
});

foo([ "alpha" , "beta" ]);                 - ‫פונקציה שמקבלת מערך‬
‫‪- JavaScript‬קריאה לפונקציה‬
                                ‫יוצאי דופן:‬

                  ‫פונקציה שמקבלת אוביקט -‬

‫{(‪foo‬‬
    ‫,"‪a: "alpha‬‬
    ‫"‪b: "beta‬‬
‫;)}‬
‫‪ - JavaScript‬משתנים‬
‫משתנים שאינם מאותחלים לערך מסוים‬
                ‫יופיעו באותה השורה‬
   ‫דוגמא רעה‬               ‫דוגמא טובה‬




    ‫משתנים שמאותחלים לערך מסוים‬
                ‫יופיעו בשורה נפרדת‬
‫‪ - JavaScript‬משתנים‬
‫וביחד - משתנים מאותחלים ובלתי מאותחלים -‬
‫‪- JavaScript‬הערות‬

‫הערת שורה אחת - תופיע מעל הקוד המיוחס‬




                ‫הערה עם שורות מרובות‬
‫‪- JavaScript‬הערות‬
                              ‫הערות פנימיות -‬
‫אפשרי כשיש צורך לכתוב הערה לצד ארגומנט מסוים‬
‫‪ - JavaScript‬מרכאות‬
           ‫משתמשים במרכאות כפולות‬




‫כשיש צורך במרכאות פנימיות וחיצוניות -‬
                          ‫חיצוניות: " "‬
                           ‫פנימיות: ' '‬
‫תודה רבה !‬

Js style presentation