Skip to main content

Hoisting

Hoisting is one of the feature in JavaScript that puzzles many beginners and intermediate developers.  Hoisting is a feature wherein all the variables are moved to the outermost scope, which is function, in JavaScript.  This may sometimes result in seemingly strange behavior.

Before and after hoisting





The output of the above program is an alert with a value of 10.  Traditional logic would have lead us to believe that the value of alert should be undefined.  But because of hoisting the variable is moved to the top of function declaration.  Its important to realize that only the variable declaration is moved and not the initialization.
Recommendation: Always declare your variables at the top of the function scope.

Similar to variable hoisting we also have function hoisting.  Function hoisting has different behaviors based on the fact if the function is an expression or a declaration.

A function is an expression if it is assigned to a variable.  The assignment may also hold an anonymous or named function.   A function declaration is fully hoisted whereas a function expression has the hoisting behaviour of the variables as seen above.

Checkout the jsfiddle demo for a running application.


Watch out for next post where we will be demystifying "scope" in JavaScript.

Labels

Labels:

Comments

Tekacademy.com – rajesh pillai - JavaScript Scope said…
[...] You can read more about hoisting here http://rajeshpillai.tekacademy.com/hoisting/ [...]
March 23, 2012 at 10:39 AM
Siddhesh said…
Nice Post :)
March 23, 2012 at 11:48 AM
hxxxld said…
vIvOlr exzjfkvpkcbt, [url=http://vlrzfwctsceu.com/]vlrzfwctsceu[/url], [link=http://zcicmlebrwbf.com/]zcicmlebrwbf[/link], http://jeymgxnghlud.com/
May 9, 2012 at 3:43 PM
Post a Comment

Popular posts from this blog

JavaScript Scope

In this blog post we will dig deeper into various aspects of JavaScript scope.  This is a pretty interesting topic  and also a topic which confuses many beginning JavaScript programmers. Understanding JavaScript scope helps you write bug free programs (hmm.. atleast helps your troubleshoot things easily) Scope control the visibility and lifetimes of variables and parameters.  This is important from the perspective of avoiding naming collisions and provides memory management service. Unlike other languages, JavaScript does not have block level scope.  For e.g. take for instance the following piece of c# code. public void Main () { int a = 5; if (true) { int b = 10; } // This will throw compile time error as b is not defined // and not within the scope of function Main(); Console.WriteLine(b); } If you write the same code in JavaScript, then the value of 'b' will be available outside the 'if' block. The reason for this is JavaScript does no...
27 comments
Read more

Core Leadership Strengths

Here are few notes that I am putting out from my leadership training seminar. Lets have a look at the "Five Clusters of Strength". - Personal Character Character is who you are when no one is looking. This is the core strength which every leader/human should possess. This deals with the ethical standards, integrity and authenticity of the leader. - Personal Capability This trait deals with the intellectual, emotional, and skill of the individual. It includes analytical and problem-solving capabilities along with the technical competencies. Great leaders need a strong collection of these personal capabilities. - Focus on result This deals with capability to achieve results, having an impact on the organization. It also highlights the capability for getting things done. - Interpersonal/People skill This relates with character. It deals with the leaders ability to effectively communicate with the people. Its a direct expression of the character of the individ...
2 comments
Read more

MCPD: Microsoft .NET Framework 2.0—Application Development Foundation[70-536]

Link to online resource which covers most of the aspect of passing this exam can be found at the following URL. http://www.publicjoe.co.uk/536/70-536.html The following points will help you remember some of the important aspect of passing the 70-536 exam.[Application Development Foundation] The StringBuilder[System.Text namespace] class is used for optimized string concatenation. For more detailed information follow the below url http://msdn2.microsoft.com/en-us/library/system.text.stringbuilder(VS.71).aspx PrincipalPermission is used to gain insight into user's credential. For more info refere the following URL. http://msdn2.microsoft.com/en-us/library/system.security.permissions.aspx The SmtpClient class should be used to send e-mail by using the Simple Mail Transfer Protocol[System.Net.Mail]. Attachment content can be a String , Stream , or file name. You can specify the content in an attachment by using any of the Attachment constructors. For more details refer the followin...
1 comment
Read more