JavaScript 变量

一，JavaScript 变量（存储信息的容器）

与代数一样，JavaScript 变量可用于存放值（比如 x=2）和表达式（比如 z=x+y）。

变量可以使用短名称（比如 x 和 y），也可以使用描述性更好的名称（比如 age, sum, totalvolume）。

变量必须以字母开头
变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
变量名称对大小写敏感（y 和 Y 是不同的变量）

提示：JavaScript 语句和 JavaScript 变量都对大小写敏感。

二，JavaScript 变量数据类型

JavaScript 变量还能保存其他数据类型，分别是：Number、String、Boolean、Object、Udefined、Null，JavaScript不支持自定义类型，所以JavaScript中的所有值都属于这六种类型之一。

检查变量类型方法之一：typeof操作符（typeof是操作符，不是方法，因此，typeof中的字母'o'是小写的。）

格式：typeof 变量

<script type="text/javascript">

       var a = ;

       alert(typeof a);   //number

       a = "asdf";

       alert(typeof a);   //string

       a = true;

       alert(typeof a);   //boolean

       a = function() {

           alert("adfasdf");

       };

       alert(typeof a);   //function

       a = document;

       alert(typeof a);   //object

       var b;

       alert(typeof b);  //undefined

    </script>

三，声明（创建） JavaScript 变量

在 JavaScript 中创建变量通常称为“声明”变量。提示：一个好的编程习惯是，在代码开始处，统一对需要的变量进行声明。

我们使用 var 关键词来声明变量：

var carname;

变量声明之后，该变量是空的（它没有值）变量 carname 的值将是 undefined。

如需向变量赋值，请使用等号：

carname="Volvo";

不过，您也可以在声明变量时对其赋值：

var carname="Volvo";

例子

在下面的例子中，我们创建了名为 carname 的变量，并向其赋值 "Volvo"，然后把它放入 id="demo" 的 HTML 段落中：

<!DOCTYPE html>

<html>

<body>

<p>点击这里来创建变量，并显示结果。</p>

<button onclick="myFunction()">点击这里</button>

<p id="demo"></p>

<script>

function myFunction()

{

var carname="Volvo";

document.getElementById("demo").innerHTML=carname;

}

</script>

</body>

</html>

四，一条语句，多个变量

您可以在一条语句中声明很多变量。该语句以 var 开头，并使用逗号分隔变量即可：

var name="Gates", age=, job="CEO";

声明也可横跨多行：

var name="Gates",

age=,

job="CEO";

五，重新声明 JavaScript 变量

如果重新声明 JavaScript 变量，该变量的值不会丢失：

在以下两条语句执行后，变量 carname 的值依然是 "Volvo"：

var carname="Volvo";

var carname;

六，JavaScript 算数

您可以通过 JavaScript 变量来做算数，使用的是 = 和 + 这类运算符：

例子

<!DOCTYPE html>

<html>

<body>

<p>假设 y=，计算 x=y+，并显示结果。</p>

<button onclick="myFunction()">点击这里</button>

<p id="demo"></p>

<script>

function myFunction()

{

var y=;

var x=y+;

var demoP=document.getElementById("demo")

demoP.innerHTML="x=" + x;

}

</script>

</body>

</html>

七，JavaScript 全局变量和局部变量

JavaScript 有两种变量：全局变量和局部变量。

全局变量：如果在任何函数定义之外声明了一个变量，则该变量为全局变量，且该变量的值在整个持续范围内都可以访问和修改。网页上的所有脚本和函数都能访问它，全局变量会在页面关闭后被删除。

局部变量：如果在函数定义内声明了一个变量，则该变量为局部变量。每次执行该函数时都会创建和破坏该变量；且它不能被该函数外的任何事物访问。只要函数运行完毕，本地变量就会被删除。

当全局变量跟局部变量重名时，局部变量的scope会覆盖掉全局变量的scope，此时，如需使用全局变量，可使用window.globalVariableName，当离开局部变量的scope后，又重回到全局变量的scope，同时，Javascript在执行前会对整个脚本文件的声明部分做完整分析(包括局部变量)，从而确定实变量的作用域。

举例如下：

<script>

    var a =;

    function test(){

        alert(a); //a为undefined! 这个a并不是全局变量，这是因为在function scope里已经声明了（函数体倒数第4行）一个重名的局部变量,

                     //所以全局变量a被覆盖了，这说明了Javascript在执行前会对整个脚本文件的定义部分做完整分析,所以在函数test()执行前,

                     //函数体中的变量a就被指向内部的局部变量.而不是指向外部的全局变量. 但这时a只有声明，还没赋值，所以输出undefined。

        a=

        alert(a);  //a为4,没悬念了吧？ 这里的a还是局部变量哦！

        var a;     //局部变量a在这行声明

        alert(a);  //a还是为4,这是因为之前已把4赋给a了

    }

    test();

    alert(a); //a为1，这里并不在function scope内，a的值为全局变量的值

</script>

<script>

    var a =;

    function test(){

        alert(window.a);  //a为1,这里的a是全局变量哦！

        var a=;     //局部变量a在这行定义

        alert(a);  //a为2,这里的a是局部变量哦！

    }

    test();

    alert(a); //a为1，这里并不在function scope内，a的值为全局变量的值

</script>