# 变量

# 定义

变量是指一个可以改变的量，用于存储计算机中使用的数据。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var name = 10;
        document.write(name);
    </script>
</head>
<body>
    
</body>
</html>

上例中使用关键字 var 声明一个变量，变量名为 name，然后给这个变量赋值为 10，js 中使用 = 进行赋值。

document.write(name) 的作用是将变量 name 输出到浏览器页面上。

结尾的分号 ; 代表一段代码的结束，js 为弱校验类型的语言，结尾的分号可加可不加，程序可以通过换行来识别一行代码的结束。

# 命名

变量的命名只能使用数字、字母、下划线和 $ 符号，并且不能以数字开头。

变量名称定义对大小写是敏感的，Num、num、nUm 不属于相同的变量，变量推荐使用小写字母开头。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var name = "Tom";
        var $name = "Lily";
        var _name = "Sam";
        // 不合法，编译器报错
        // var 5name = "Tom";
        // 不合法，使用了关键字
        // var var = "var";

        // 大小写是敏感的
        var MyName = 'JS';
        var myName = 'Java';
        var myname = 'C++';
    </script>
</head>
<body>
    
</body>
</html>

变量不能使用关键字定义，关键字是 js 语言底层使用的一些单词，比如 var、if、else 等。

关键字不需要死记硬背，边学边记即可。

最好使用有意义的单词，做程序员多年，有两件比较难做得事情：找 bug 和给变量命名。

var age = 10;
age = 20;
age = 30;
age = age + 10;
console.log(age);

上例中先定义了一个变量 age，并且赋值为 10。接下来的 age = 20 和 age = 30 都是为变量 age 进行重新赋值。

最后一行的意思是，将变量 age 加 10 后再赋值给变量 age。所以结果应该是 40。

最后一行 console.log() 函数的作用是在浏览器控制台输出一行日志，在调试的时候经常使用这个函数。

本次学习使用的都是 chrome 浏览器，windows 可以使用 F12 打开开发者工具，mac 点击设置-更多工具-开发者工具打开。

← hello-world 数据类型 →