Fairly Realistic

I do a lot of development in C# and have grown accustomed to namespaces for organizing code. The other day I was working in JavaScript and it hit me – I want to break up some similar functions into different name spaces. For example, if you were writing one large JavaScript file with two functions that cleared out two custom forms. You cannot name both functions clearFields() because they clear different inputs. Instead, you would have to make two functions like clearLoginFields() and clearSignUpFields(). That’s not convenient.

JavaScript does not technically have namespaces, however we’re in luck because we can create pseudo-namespaces! Using a hash table, we can implement the functionality of a JavaScript namespace.

<br /> var EricsFavoriteFunctions = {<br /> ShowAlert: function() {<br /> alert(”Hello, world!”);<br /> },</p> <p> ShowNumbers: function() {<br /> for(n = 0; n </p> </div> <p class="postinfo"><strong>Posted:</strong> March 7th, 2006 under <a href="http://fairlyrealistic.com/category/javascript/" title="View all posts in javascript" rel="category tag">javascript</a>.<br /> <a href="http://fairlyrealistic.com/2006/03/07/javascript-namespaces/#comments"><strong>Comments:</strong> 2</a> </p> <h3>Comments</h3> <div class="comment"> <p class="commenticon"> <strong>Comment</strong> from <strong><a href="http://ajile.sf.net/">Johnny Fairplay</a></strong> <br /> <strong>Time:</strong> April 4, 2006, 11:52 am</p> <p>You should take a look at Ajile [ <a href="http://ajile.sf.net/" rel="nofollow">http://ajile.sf.net/</a> ]. Makes it easy to create and work with namespaces in JavaScript. Really good work. </p> </div> <div class="comment"> <p class="commenticon"> <strong>Comment</strong> from <strong>Eric</strong> <br /> <strong>Time:</strong> April 4, 2006, 12:45 pm</p> <p>Thanks for the link. I’ll check it out <img src='http://fairlyrealistic.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p> </div> <div id="commentsection"> <h3>Write a comment</h3> <form action="http://fairlyrealistic.com/wp-comments-post.php" method="post" id="commentform"> <p><label for="author">Name:</label><br /> <input type="text" name="author" id="author" class="textarea" value="" size="28" tabindex="1" /><input type="hidden" name="comment_post_ID" value="169" /> <input type="hidden" name="redirect_to" value="/2006/03/07/javascript-namespaces/" /></p> <p><label for="email">E-mail:</label><br /><input type="text" name="email" id="email" value="" size="28" tabindex="2" /></p> <p><label for="url">Website:</label><br /><input type="text" name="url" id="url" value="" size="28" tabindex="3" /></p> <p><label for="comment">Your comment:</label><br /> <textarea name="comment" id="comment" cols="66" rows="7" tabindex="4">