שמירה על ה-global namespace.
כשבונים פלאגינים למערכות קוד פתוח (כמו וורדפרס למשל) או כותבים קוד למערכות שעושות שימוש נרחב ב-JavaScript, חשוב מאוד לשמור על ה-global namespace שלא יוצף ביותר מידי משתנים.
ככה ניתן להימנע מדריסה של משתנים של חלקי קוד אחרים ובטיחותו של הסקריפט נשמרת, שהסקריפט ירוץ כמו שציפינו. אין אנו יודעים אם פלאגין אחר שמישהו כתב משתמש בשמות משתנים דומים לשלנו, צריך להיזהר מזה!
כדי לשמור על ה-global namespace צריך להשתמש בפונקציה אנונימית בתור ה-scoop של הקוד שלנו במקום ב-windows.
למשל:
(function(){
var x = “Hello Anonymous World!!”;
alert(x);
})(); // execute the function!
alert(x); // Error: “x is not defined”
בדרך זו כל משתנה/פונקציה שנגדיר בתוך הפונקציה האנונימית לא יהיה חשוף למחוץ הפונקציה ובכך ה-global namespace לא מזוהם.
אם למשל נרצה להגדיר פונקציה שהשם שלה קיים כבר ב-global namespace נוכל לעשות זאת מבלי לדרוס אותה ומבלי לקבל שגיאה:
function alertMe(str){ alert(str); }
(function(){
function alertMe(str){ alert(”alert: “+str); }
alertMe(”bla”); // will alert “alert: bla”
})();
alertMe(”bla”); // will alert “bla”
אותו הדבר תקף גם למשתנים.
במידה ואנחנו רוצים לשמור מידע ב-global namespace כך שיהיה זמין לכל הסקריפטים באפליקציה נוכל להכניס אותו לתוך אובייקט ה-window שנמצא בסקופ הגולבלי, לכל אובייקט ב-JS ניתן לגשת כמו אל מערך אסוציאטיבי (או Hash Table), נוכל להשתמש בתכונה הזו כאן:
(function(){
window[”something”] = “blabla”;
})();
alert(something);
השתמשתי בטכניקה הזו בקוד שכתבתי עבור פלאגין לוורדפרס/בלוגלי שבקרוב יעלה לשימוש כאן ויצבע את הקודים כאן במגוון צבעים איכותיים, כרגע הפלאגין בשלבי QA. מקווה שתוכלו לראות זאת בקרוב מאוד.