从零开始学JavaScript三(变量)

　一、变量

ECMAscript变量是松散型变量，所谓松散型变量，就是变量名称可以保存任何类型的数据，每个变量仅仅是一个用于保存值的占位符。

定义变量时要使用var操作符

如：

var message;
/*定义一个名为message的变量，该变量可以用来保存任何值，未初始化的变*量会保存一个特殊的值-undefined
*/

二、局部变量

可以声明变量里同时初始化

function test(){
    var message='hello';  //定义局部message变量，并初始值为hello
    alert(message);       //将message内容弹出
    }
    test();
</script>

错误的写法

function test(){
    var message='hello';  //定义局部message变量，并初始值为hello

    }
    test();
alert(message);       //错误

由以上两个例子可以看出，如果在一个函数中使用var 定义一个变量，那么该变量在函数退出后会被销毁

三、定义全局变量

function test(){
   message='hello';  //全局message变量，并初始值为hello

    }
    test();
alert(message);       //hello

这里因为省略了var，因而message就成了全局变量，这样只要调用过一次test()函数，这个变量就有了定义，就可以在函数外部的任何地方被访问

省略var 定义变量：只要调用一次定义该变量的函数,全局范围内都可访问该变量。这种定义变量的方法也被成为隐式声明

四、作用域和范围

<SCRIPT  type="text/javascript">
//定义一个输出函数
function outPut(s){
document.writeln(s);
}
//全局变量
var i=0;
//定义外部函数
function outer(){
//访问全局变量
outPut(i); // 0
//定义一个类部函数
function inner(){
//定义局部变量
var i = 1;
// i=1; 如果用隐式申明　那么就覆盖了全局变量i
outPut(i); //1
}
inner();
outPut(i); //0
}
outer();
</SCRIPT> 

结果：0,1,0

<script type="text/javascript">
　　function demoFunction(s){
　　　　document.writeln(s)
}
　　var i=0;
　　function test(){
　　　　demoFunction(i);
　　　　function innerFunction(){
　　　　　　demoFunction(i);
　　　　　　var i=1;
　　　　demoFunction(i);
　　　　}
　　　　innerFunction();
　　　　demoFunction(i);
}
test();
</script>

结果：0 undefined 1 0

JS函数体中声明的本地变量在整个函数中都有效，因此在上面代码中var　i = 1 ;在inner函数中都有效，实际上显式声明的变量i是在预编译时就已经编译到调用对象中了，不同于隐式声明变量在解释时才被定义为全局变量，只是在调用outPut(i)时，还没有将它初始化变量，此时的本地变量i是未赋值变量，而不是未定义变量，因此输出了undefined。上面的代码等效于下面代码：

function inner(){
var i; //定义但不赋值
outPut(i); //undefiend
i=1;
outPut(i); //1
}