对于很多的小伙伴在刚学习JavaScript的时候，数据类型和变量是绝对会接触到的，也是非常重要的，灵活掌握并领悟到它的精髓，那么你将在JavaScript这条道路上会越走越好，因为整个JavaScript基本都是在变量和数据类型中展开的，可以说会变量和操作数据类型基本上，你就至少成功了80%。
在JavaScrip里面数据类型一般是写在等号右边，表示等号右边的值赋值给等号左边，例如
var a = 7
var b = a
console.log ( b )
b的值最终显示为数字7，表示7赋值给变量a，最终 a又赋值给了b,因此b的值为7。
在上面的代码例子中 a 和 b，就称为变量b，据小编我的理解就是所谓的变量就是可以自定义的一种写法，其存在的价值和目的就是以最简短的形式来代替等号右边的值，说白了，他就是一个能够代表等号右边的数据的符号，仅此而已。在ES5里面变量用var和function来声明，在ES6里面则添加了let 和const 这两种声明的方式。
问题是定义变量的时候，都有那些规则呢？
业内的规定通常会这样做的：
1、定义的变量的时候，需要见名知意，也就是定义的名字需要一看变量名就知道代表该变量名的是什么意思。避免产生误会，从而影响了后面的代码编写
2、定义的变量的时候，建议使用驼峰命名法，( 当然私底下，你喜欢叫波浪命名法也可以；叫曲线命名法也可以，但是对外你还是用驼峰命名法，比较专业点，因为国际上通常叫做驼峰命名法，至于为什么，我们就没必要深究 ，就像为什么1加1一定要等于2 )。
所谓的驼峰命名法也就是第一个单词以小写字母开始；第二个单词的首字母大写或每一个单词的首字母都采用大写字母，例如下面的代码中
var onBox = 7;
var onWarp = unll;
3、定义的变量的时候，不能使用，也就是一定要避免使用关键词/保留字来作为变量名的存在，关于js中的关键字/保留字，由于时间和篇幅有限，朋友们去专业的网站查询即可https://www.runoob.com/js/js-reserved.html
4、定义的变量的时候，只能用：数字 、字母 、下划线 和 $ 这四种中形式随意组合，需要注意的是一定不能以数字开头，代码如下：
var box1 ----- 数字+字母组合形式
var box ----- 纯字母形式
var box_ ----- 纯字母+下划线形式
var box$ ----- 纯字母+$ 形式
总的来讲JavaScrip中的数据类型分为基本数据类型和复杂的数据类型，一共也就6大类，这6中数据类型分别是
1、数字类型(Number)
2、字符串类型（String）
3、布尔值类型（Booleans）
4、未定义或者默认值类型（Undefined）
5、空值类型（Null）
6、对象类型（object）
下面我就逐一的为小伙伴们讲解下以上的这6大类数据类型
1、Number类型：
从字面上来讲所谓的数字类型就是0-9自然数，这一点就不必多讲，也就是说只要是数字的都属于Number类型，代码如下：
var b = 1
var c = 2
2、String类型：
也就是字符串，在JavaScript中凡是用双引号或者单引号包裹起来的数值就是属于字符串类型，代码如下：
var b = "前端知识"
var c = '中华人民共和国'
需要注意的是数字可加引号，也可以不加引号，浏览器同样不会报错，因为JavaScript支持数字类型，但是除了数字类型，其他的要成为一个字符串，必须要加引号，否则就报错
例如数字类型的不会报错：
var a = 7
console.log (a)
var b = "7"
console.log（b）
答案：结果都是为7，反之
var a = nihao
console.log (a)
答案：结果为直接报错，显示为：nihao is not defined，翻译为:变量a个未定义，如下图所示：
3、Booleans类型
在JavaScript中布尔值只有两种表现形式：true (真) 和 false（假）。也就是说当你想要判断某个值存在或者不存在，以及判断某个值是真或者假的时候，都可以用布尔值来进行判断
例如下面的代码：
var a = 1
var b = 10
console.log( a > b)
显然1 绝对不会大于10，因此答案为false（假/不存在）
再例如下面的代码：
var a = 1
var b = 10
console.log( a < b)
显然1 绝对小于10，因此答案为true（真/存在）
4、Undefined类型
即表示某个变量是一个未定义的值或者默认值。如下代码：
console.log(b)
分析：
我们虽然在作用域里声明了变量b，但是并没有给变量b赋予某个值得时候，系统就会默认生成一个默认值为undefined，因此答案为undefined
5、Null类型
表示变量为空，用法基本上和undefined是没有区别的，只是在某个细节上有所区别而已，比如说：初期我们还不知道在后续的操作中我们要给变量a赋予什么值，但是在后面的操作中，我们确定要给变量a赋予某一个值的时候，那么初期可以给变量a赋予null
6、object类型
object类型在JavaScript中，是一个复杂的数据类型，因为他不属于以上的5种类型，也就是说除了以上的5种类型，剩下的都属于object类型，例如数组，对象等等