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>

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