JavaScript基于对象编程的概念（Ext）3

Javascript的定义阶段和执行阶段以及变量作用域的概念

所谓定义：比如：用var关键字定义变量，用function关键字定义函数（定义函数，就是定义一个新的作用域），如果不用var关键字来定义变量，则这些变量就是全局变量。

所谓执行：比如：用new关键字创建新的对象，用=赋值，用()来执行函数等等。

 

Javascript运行的顺序是：先定义后执行。定义的时候，确定变量的作用域（所谓变量的作用域，即定义变量可以在哪里被访问到）；执行的时候，会有一个执行上下文（this变量）。

 

下面的例子解释了这些概念：

 

* 全局作用域：

<script type="text/javascript">   a = 10; var b = 20;   function ABC(){     alert("good!"); }   alert(a); //10 alert(b); //20 alert(ABC);//函数代码 alert(window.a);//10 alert(window.b);//20 alert(window.ABC);//函数代码 ABC();//good! window.ABC();//good!   function H1(){     alert(b); //在这个函数内部也可以访问，因为b变量是全局的 } H1();//20   function H2(){     test = "hello"; //这里，没有用var关键字，定义的是一个全局变量 } H2(); alert(test); // hello   </script>

总是会有一个window对象，它就是全局的，在javascript任何函数外部定义的变量、函数，或者在函数内部不用var关键字定义的变量，都是全局变量，它的作用域是全局的！

 

* 定义和执行的先后顺序问题：

<script type="text/javascript">   alert(Hello); //这里将弹出函数的定义信息   Hello(); // good!   function Hello(){     alert("good!"); }   </script>

上述代码的执行结果表明，用function定义的变量Hello（它是一个全局变量），早于执行过程。执行是一行一行代码往下执行，定义早于执行，定义就是确定变量及其作用域。

 

<script type="text/javascript"> alert(a); alert(b); alert(c); var a = "a"; function a(){} function b(){} var b = "b"; var c = "c"; var c = function(){} alert(a); alert(b); alert(c);   </script>

上述代码的结果，如果你能够完全正确的回答出来的话，那么证明你理解了定义和执行先后的概念！

 

* 如何创建新的作用域？ - 可以利用function来创建新的作用域

<script type="text/javascript">   alert(H1); //将得到函数的定义   alert(H2); //将出错，H2被定义到H1的内部，所以在H1的外部看不到这个变量   H1(); //可以执行，因为在这里能够看到H1   function H1(){       alert(H2); //将得到函数的定义     alert(H3); //将出错，H3被定义到H2的内部，所以在H2的外部看不到这个变量         H2(); //可以执行，因为在这里可以看到H2     function H2(){        alert(H3); //将得到函数的定义        function H3(){        }     } }   </script>

 

 

<script type="text/javascript">   (function(){     function hello(){ //这个定义，能够覆盖全局定义        alert("ok");     }     hello(); //调用的是内部函数，因为在本命名空间中，它代表的就是内部函数定义 })(); //定义一个函数（通常是一个匿名函数），并立刻执行，可以将代码进行封装，避免代码中的定义污染全局命名空间   function hello(){ //全局函数     alert("hh"); } hello();   </script>

定义一个匿名函数，并执行，可以将代码封装到某个作用域中执行，这样可以避免污染全局命名空间！