1. 数据类型简介
1.1 为什么需要数据类型
在计算机中，不同的数据所需占用的存储空间是不同的，为了便于把数据分成所需内存大小不同的数据，充分利用存储空间，于是定义了不同的数据类型。
1.2 变量的数据类型
变量是用来存储值的所在处，它们有名字和数据类型。变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中。
JavaScript是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型，在程序运行过程中，类型会被自动确定。
var num; // 这里的num 不确认属于哪种数据类型
var num = 10; // 这是一个数字型
var areYouOk = '是的'; // 这一个字符串
在代码运行时，变量的数据类型是由 JS引擎根据=右边变量值的数据类型来判断的，运行完毕之后，变量就确定了数据类型。
2. 简单数据类型
JS把数据类型分为两类：
（1）简单数据类型（Number，String，Boolean，Undefined，Null）
（2）复杂数据类型（object）
2.1 简单数据类型（基本数据类型）
| 简单数据类型 | 说明 | 默认值 |
|---|---|---|
| Number | 数字型，包含 整型值和浮点型值，如 21、0.21 | 0 |
| String | 字符串类型，如“张三”注意js 里面，字符串都带引号 | "" |
| Boolean | 布尔值类型，如true、false，等价于1和0 | false |
| Undefined | var a;声明了变量a但是没有给值，此时a = undefined | undefined |
| Null | var a = nul; 声明了变量a 为空值 | nul |
2.2 数字型 Number
JavaScript数字类型既可以用来保存整数值，也可以保存小数（浮点数）。
2.2.1 Number：数字型进制
（1）八进制 0 ~ 7 程序里面数字前面加 0 表示八进制
var num1 = 010; // 010 八进制 转换为 十进制 就是 8
var num2 = 012; // 012 八进制 转换为 十进制 就是 10
（2）十六进制 0 ~ 9 a ~ f 数字前面加 0x 表示十六进制
var num3 = 0x9; // 0x9 十六进制 转换为 十进制 就是 9
var num4 = 0xa; // 0xa 十六进制 转换为 十进制 就是 10
现阶段只需要记住，在JS中八进制前面加0，十六进制前面加 0x
2.2.2 Number：数字型范围
Number是数字类型，JavaScript中数值的最大和最小值
Number.MAX_VALUE
Number.MIN_VALUE
2.2.3 Number：数字型的三个特殊值
Infinity，代表无穷大，大于任何数值
-Infinity，代表无穷小，小于任何数值
NaN，Not a number，代表一个非数值
2.2.4 Number：isNaN()
用来判断非数字，并且返回一个值，如果是数字返回的是false，如果不是数字返回的是true
2.3 字符串型 String
字符串型可以是引号中的任意文本，其语法为双引号""和 单引号''
因为 HTML 标签里面的属性使用的是双引号，JS这里更推荐使用单引号。
2.3.1 String：字符串引号嵌套
JS 可以用单引号嵌套双引号，或者用双引号嵌套单引号(外双内单，外单内双)
2.3.2 String：字符串转义符
| 转义符 | 解释说明 |
|---|---|
| \n | 换行符，n 是newline的意思 |
| \ \ | 斜杠 \ |
| \ ' | ' 单引号 |
| \ * | " 双引号 |
| \t | tab缩进 |
| \b | 空格，b 是blank的意思 |
2.3.3 String：字符串长度
字符串是由若干字符组成的，这些字符的数量就是字符串的长度。通过字符串的length 属性可以获取整个字符串的长度。
2.3.4 String：字符串拼接
- 多个字符串之间可以使用 + 进行拼接，其拼接方式为字符串 + 任何类型 = 拼接之后的新字符串
- 拼接前会把与字符串相加的任何类型转成字符串，再拼接成一个新的字符串
2.4 布尔型 Boolean
布尔类型有两个值：true和false。
布尔型和数字型相加的时候，true的值为1，false的值为0。
2.5 Undefined 和 Null
一个声明后没有被赋值的变量会有一个默认值undefined（如果进行相连或者相加时，注意结果）
var variable = undefined;
console.log(variable + '6'); // undefined6
console.log(variable + 6); // NaN
一个声明变量给null值，里面存的值为空。
var space = null;
console.log(space + '1'); // null1
console.log(space + 1); // 1
3. 获取变量数据类型
3.1 获取检测变量的数据类型
typeof 可用来获取检测变量的数据类型
var num = 10;
console.log(typeof num); // number
4. 数据类型转换
4.1 什么是数据类型转换
使用表单、prompt获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算，而需要转换变量的数据类型。
通俗来说，就是把一种数据类型的变量转换成另外一种数据类型。
通常会实现3种方式的转换:
- 转换为字符串类型
- 转换为数字型
- 转换为布尔型
4.2 转换为字符串
| 方式 | 说明 | 案例 |
|---|---|---|
| 变量.toString() | 转成字符串 | var num = 1; alert(num.toString()); |
| String(变量) 强制转换 | 转成字符串 | var num = 1; alert(String(num)); |
| ♥ 加号拼接字符串 | 和字符串拼接的结果都是字符串 | var num = 1; alert(num + '我是字符串'); |
4.3 转换为数字型（重点）
| 方式 | 说明 | 案例 |
|---|---|---|
| ♥ parseInt(string)函数 | 将string类型转成整数数值型 | parseInt('78') |
| ♥ parseFloat(string)函数 | 将string类型转成浮点数数值型 | parseInt('78.21') |
| Number(string)强制转换 | 将string类型转换为数值型 | Number('12') |
| js隐式转换（- * /） | 利用算数运算隐式转换为数值型 | '12....................' - 0 |
4.4 转换为布尔型
| 方式 | 说明 | 案例 |
|---|---|---|
| Boolean()函数 | 其他类型转成布尔值 | Boolean('true') |
- 代表 空、否定的值 会被转换为false，如”、0、NaN、null、undefined
- 其余值都会被转换为 true
console.log(Boolean(")); // false
console.log(Boolean(0)); // false
console.log(Boolean(NaN)); // false
console.log(Boolean(null)); // false
console.log(Boolean(undefined)); // false
console.log(Boolean('小')); // true console.log(Boolean(12)); // true
