Before learning the variable scope of JavaScript, we should be clear on a few points:
The variable scope of the JavaScript is based on its unique scope chain.
JavaScript does not have a block-level scope.
• Variables declared in a function are defined throughout the function.
1. The scope chain of JavaScript
First look at the following code:
Copy Code code as follows:
<script type= "Text/javascript" > var rain = 1; function Rainman () {var man = 2; function inner () {var innervar = 4; alert (rain);} inner ();//Call inner function} Rainman (); Call the Rainman function </script>
Observe alert (rain), the code. JavaScript first looks in the inner function to see if the variable is defined rain, if it is defined, use the rain variable in the inner function, or if the rain variable is not defined in the inner function, JavaScript continues to look in the Rainman function to see if the rain variable is defined, in which the rain variable is not defined in the Rainman function body, and the JavaScript engine continues to look up (the global object) to see if it defines rain In the global object we defined rain = 1, so the end result would pop ' 1 '.
Scope chain: When JavaScript needs to query for a variable x, it first looks for the first object in the scope chain, and if the first object does not define an X variable, JavaScript continues to find that there are no X variables defined, and if the second object is undefined, it continues to find, and so on.
The above code involves three scope chain objects, followed by: Inner, Rainman, window.
2. Within the function body, local variables have higher precedence than global variables of the same name.
Copy Code code as follows:
<script type= "Text/javascript" > var rain = 1; Define Global variables Rain function check () {var rain = 100;//define local variable Rain alert (rain); alert (rain); 1</script> will pop up here.
3, JavaScript is not a block-level scope.
This is also a more flexible part of JavaScript than other languages.
With a careful look at the following code, you will find that the variables I, j, K scopes are the same, and they are global throughout the rain function.
Copy Code code as follows:
<script type= "Text/javascript" > Function Rainman () {//Rainman function body exists three local variables I j k var i = 0; if (1) {var j = 0; fo R (var k = 0; k < 3; k++) {alert (k);//Eject 0 1 2} alert (k) respectively; Eject 3} alert (j); Pop up 0}</script>
4, the variables declared in the function are defined throughout the function.
First, look at this piece of code:
Copy Code code as follows:
<script type= "Text/javascript" > Function Rain () {var x = 1; function man () {x = n;} man ();//Call Man alert (x);// This will pop up rain (); Call rain</script>
The code above shows that variable x can be used throughout the rain function and can be assigned a new value. Because of this rule, there will be "unthinkable" results, observe the following code.
Copy Code code as follows:
<script type= "Text/javascript" > var x = 1; function Rain () {alert (x);//eject ' undefined ' instead of 1 var x = ' Rain-man '; alert (x);//Eject ' Rain-man '} Rain (); </script> ;
is because the local variable x in the function rain is defined throughout the function (Var x= ' Rain-man ', declared), so a global variable x with the same name is hidden throughout the rain function body. The reason for this is that the ' undefined ' is ejected because the local variable x is still not initialized when the first execution of alert (x) is performed.
So the rain function above is equivalent to the following function:
Copy Code code as follows:
function Rain () {var x; alert (x); x = ' Rain-man '; alert (x);}
5. Variables not defined using the VAR keyword are global variables.
Copy Code code as follows:
<script type= "Text/javascript" > Function Rain () {x = 100;//DECLARE global variable x and make assignment} rain (); alert (x); Will pop </script>
This is also the common error of JavaScript novice, inadvertently left many global variables.
6, global variables are the properties of the Window object
Copy Code code as follows:
<script type= "Text/javascript" > var x = 100; alert (window.x);/eject alert (x);</script>
Equivalent to the following code
Copy Code code as follows:
<script type= "Text/javascript" > window.x = 100; alert (window.x); Alert (x) </script>
