JavaScript变量概念引入

变量的概念

变量是变化的一个量。
变量可以看作是一个容纳数据的容器
变量可以看成是一个“未知数”。 x = 10
变量可以看成是一个“符号”“代号”。
变量一般是指程序的数据。
变量是在内存中存在和运行的。
变量是临时存在的数据。我们可以把计算机内存看成是一个一个的“小格子”。每个“小格子”里可以存储一个变量的名称和变量的值。

变量的声明

变量的声明，就相当于预订宾馆的“房间”。
语法格式：var 变量名 = 变量值
声明变量是使用系统关键字var来进行的。
举例：

var name; //声明一个变量
var name,like,age; //同时声明多个变量，多个变量间用英文下的逗号隔开
var name = “小明”; //一边声明一边赋值

变量的命名规则

变量名可以包含字母、数字、下划线。
变量名不能以数字开头，可以以字母或下划线开头。如：var _name;(正确的) var 3abc;(错误的)
变量名不能是系统关键字。如：var、switch、for、try、case、else、while等。
JS中的变量名是区分大小写的。如：name和Name是两个变量
JS中变量的名称一定要有意义。
如果变量名由多个单词构成的话，该如何表示呢？

“驼峰式命名”：第一个单词全小写，后面的每一个单词首字母大写。如：var getUserName
“下划线式命名”：所有单词全小写，中间用下划线连接。如：var get_user_name

给变量赋值

给变量赋值，就是往“空间”中装东西。
使用赋值号“＝”来给变量赋值。

语法：var 变量名 = 变量值

举例：var name = “小明”;

注：“＝”的理解

将“=”右边的“运算结果”赋给左边的变量名。
应该是“=”右边先运算，再把运算的结果，赋给左边的变量。
“＝”左边只能是一个变量名，而不能是“运算表达式”。

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title>php.cn</title>
        <script>
            //声明变量x，然后把8赋值给x
            var x = 8;
            //声明变量y，然后把x+80的结果赋值给y
            var y = x+80;
            //分别输出x，y
            document.write(x);
            document.write(y);
        </script>
    </head>
    <body>
    </body>
</html>

注：

JS中每一条语句，一般以英文下的分号(;)结束。这个分号不是必须的。为了向PHP兼容，最好加上分号。
运算符和变量，以及操作之间可以使用空格分开，这样的程序较容易阅读。

var a = 100 和 var a=100 是一样的

新建文件

<!DOCTYPE HTML>
<html>
 <head>
 <meta charset="utf-8">
 <title>php.cn</title>
 <script>
 //声明变量x，然后把8赋值给x
 var x = 8;
 //声明变量y，然后把x+80的结果赋值给y
 var y = x+80;
 //分别输出x，y
 document.write(x);
 document.write(y);
 </script>
 </head>
 <body>
 </body>
</html>

提交重置代码

自动运行

全屏