首先说一下关于JavaScript的几点语法要求:

1. 不能以数字开头命名；
2. 在html中是不区分大小写的，但在这里需要区分大小写，大写的名称与小写的名称分别是区分开的；
3. 不能用关键字进行变量命名；
4. 给变量定义变量名称一般要具有语义化，见名知意；
5. 一般采用驼峰或者下划线命名。

变量是什么?

变量其实是存储数据信息的盒子，个人喜欢用生活的一些事物打比方：你去肯德基买汉堡，那这时候服务员会拿一个盒子，把汉堡装在盒子里面，这时候盒子就担当变量，而里面的汉堡则是变量的值，变量之所以叫变量，那是因为它是一个可以变化的量，很灵活，下面我给大家介绍关于变量的一些定义方法。

• 声明变量并直接赋值

/*var 变量名称 = 变量的值*/
var num = 100；
/*用console.log调用变量进行输出*/
console.log(num);//输出结果：100

• 同时声明变量再一起赋值

/*声明变量也可以同时声明多个变量*/
var num,str;
num=100;
str="hello wrold";
console.log(num);//输出数字：100
console.log(str);//输出字符串：hello wrold

• 不用var声明，直接设置变量名称

/*可以不需要用var声明，直接设置变量名称*/
num=100;
console.log(num);//输出结果100

• 用var声明变量名称，但是不赋值

/*用var声明变量名，但是不赋值，那么这时候得到的结果就是undefined*/
var num;
console.log(num);//输出结果undefined

• 不可以不声明变量名称直接就调用变量名称

/*console.log调用了一个未声明的变量直接输出*/
console.log(bbc);//报错:ReferenceError: bbc is not defined

• 如果重复去定义一个变量名称会报错吗?

var num=100;
console.log(num);//输出结果:100
var num='Hello';
console.log(num);//输出结果：hello
//不报错，但后面会覆盖前面,一般不建议大家用var去重复定义一个变量名称
//如果要重新定义该变量名的值，那么只需要变量名称=变量值就可以直接覆盖前面的旧值了
num=200;
console.log(num);//输出结果：200

常量是什么?

常量的语法结构跟变量的语法结构很像，但是常量一旦设置不能改变，常量通常是存储一些固定不变的值，类似于：PI等这样的一些值，通常定义常量都是全英文字母大写，下面我给大家介绍关于常量的一些定义方式。

• 旧版本程序员关于定义常量的一些方法

/*在旧版本里，常量的定义方式跟变量的定义方式一样，但是这个做法不好的地方就是，用var进行声明的名称的值都可以被改变，这样并不能突出常量的独特性*/
var PI=3.14;
console.log(PI);//输出结果：3.14
PI=1.24;
console.log(PI);//输出结果:1.24；值被轻易的改变了

• 新版本用：const进行声明的常量,不允许被改变

const PI=3.14;
console.log(PI);//输出结果3.14
PI=1.4;
console.log(PI);//报错！TypeError: Assignment to constant variable.

• 如果定义常量不赋值会怎样呢？

const WIDTH;
console.log(WIDTH);//报错！SyntaxError: Missing initializer in const declaration

经过上面的各种代码示例可以总结出变量与常量的不同之处
变量：

1. 定义变量使用var关键词
2. 定义变量一般使用小写或者小写与大写相结合，也可以使用下划线命名方法
3. 变量可以重复定义和重复赋值
4. 变量可以只定义变量名称，但是不给初始化值
5. 变量的值可以改变

常量：

1. 定义常量使用const关键词
2. 定义常量使用大写英文字母
3. 常量不能重复定义和重复赋值
4. 常量定义必须同时赋值
5. 常量的值不能被改变