数据类型

在计算机中，不同的数据所需占用的存储空间是不同的，为了便于把数据分成所需内存大小不同的数据，充分利用存储空间，于是定义了不同的数据类型。
简单来说，数据类型就是数据的类别型号。比如姓名“张三”，年龄18，这些数据的类型是不一样的
如：var age = 10;   // 这是一个数字型
       var areYouOk = '是的';   // 这是一个字符串   
注意：在代码运行时，变量的数据类型是由JS引擎根据“=”右边变量值的数据类型来判断的，运行完毕之后，变量就确定了数据类型

如：var x = 6;           // x 为数字
        x = "Bill";      // x 为字符串
注意：JavaScript是动态语言，数据类型是可以变化的（特别之处）

JS把数据类型分为两类：1，简单数据类型 （Number,String,Boolean,Undefined,Null）
                                         2，复杂数据类型 （object)

简单数据类型（基本数据类型）
JavaScript中的简单数据类型及其说明如下
      简单数据类型                   说明                                                                      默认值
        Number             数字型，包含整型值和浮点型值，如21、0.21                     0
        Boolean            布尔值类型，如true、false，等价于1和0                           false
        String             字符串类型，如'张三'注意咱们JS里面，字符串都带引号         '' 
        Undefined       Var a；声明了变量a但是没有给值，此时a=undefined        undefined
        Null                 Var a=null；声明了变量a为空值                                               null

1，数字型Number
JavaScript 数字类型既可以保存整数，也可以保存小数(浮点数）
如：var age = 21;       // 整数
    var Age = 21.37;  // 小数    

1-2数字型进制
最常见的进制有二进制、八进制、十进制、十六进制。
 //1.八进制数字序列范围：0~7
 var num1 = 07;   // 对应十进制的7
 var num2 = 019;  // 对应十进制的19
  // 2.十六进制数字序列范围：0~9以及A~F
 var num = 0xA;  
 
注意：1，现阶段我们只需要记住，在JS中八进制前面加0，十六进制前面加 0x  

1-3数字型范围：JavaScript中数值的最大和最小值
     最大值：Number.MAX_VALUE，这个值为： 1.7976931348623157e+308
     最小值：Number.MIN_VALUE，这个值为：5e-32

1-4数字型三个特殊值
Infinity ，代表无穷大，大于任何数值
-Infinity ，代表无穷小，小于任何数值
NaN ，Not a number，代表一个非数值

1-5isNaN(X)：用来判断一个变量是否为非数字的类型，x是数字返回false，x不是数字返回true

2，字符串型String
字符串型可以是引号中的任意文本，其语法为"双引号" 和“单引号''
如：var strMsg = "天安门";  // 使用双引号表示字符串
       var strMsg2 = '猪蹄';    // 使用单引号表示字符串
       var strMsg2 = '123';   // 不管是数字其他，只要单双引号都表示字符串
       var strMsg3 = 我爱大肘子;    // 报错，没使用引号，会被认为是js代码，但js没有这些语法
注意：因为 HTML 标签里面的属性使用的是双引号，JS 这里我们更推荐使用单引号

2-1字符串引号嵌套
JS 可以用单引号嵌套双引号 ，或者用双引号嵌套单引号 (外双内单，外单内双）
如：var strMsg = '我是"高帅富"程序猿';   // 可以用''包含""
    var strMsg2 = "我是'高帅富'程序猿";  // 也可以用"" 包含''
    var badQuotes = 'What on earth?"; // 报错，不能 单双引号搭配

2-2字符串转义符
类似HTML里面的特殊字符，字符串中也有特殊字符，我们称之为转义符
转义符都是 \ 开头的，常用的转义符及其说明如下：
             转义符                     解释说明                          
              \n               换行符，n   是   newline   的意思 
              \ \                         斜杠   \                         
               \'                      '   单引号                        
               \"                      ”双引号                           
               \t                      tab缩进                         
               \b                空格 ，b是blank  的意思     

注意：转义字符要包含在引号里面
如：console.log('我是帅哥' + '\n' + '你是个啥');

2-3字符串长度
字符串是由若干字符组成的，这些字符的数量就是字符串的长度。通过字符串的 length 属性可以获取整个字符串的长度
如：var strMsg = "我是帅气多金的程序猿！";
    alert(strMsg.length);   // 显示 11

2-4字符串拼接
多个字符串之间可以使用 + 进行拼接，其拼接方式为：字符串 + 任何类型 = 拼接之后的新字符串（一定要是数据类型）
如：alert('hello' + ' ' + 'world'); // hello world，字符串 "相加"
      alert('pink' + ture); // pinkture，数值字符串 "相加"
      alert('11' + 12);     // 1112，数值字符串 + 数值
      alert(undefined+'pink')  //输出：undefinedpink
注意：拼接前会把与字符串相加的任何类型转成字符串，再拼接成一个新的字符串

2-5字符串拼接加强（+变量）
如：console.log('pink老师' + 18);        // 只要有字符就会相连 
var age = 18;
console.log('pink老师age岁啦');      // 这样不行，输出：pink老师age岁啦
console.log('pink老师' + age);         // pink老师18
console.log('pink老师' + age + '岁啦'); // pink老师18岁啦

重点：1，变量是不能添加引号的，因为加引号的变量会变成字符串
      2，变量直接用+号和字符串拼接
      3，如果变量两侧都有字符串拼接，口诀“引引加加 ”，删掉数字，变量写加中间

3，布尔型Boolean
布尔类型有两个值：true 和 false ，其中 true 表示真（对），而 false 表示假（错）
注意：true参与加法运算当1来看 ，false参与加法运算当0来看
如：console.log(true + 1);  // 2
      console.log(false + 1); // 1

4，Undefined
声明后没有被赋值的变量会有一个默认值undefined ( 如果进行相连或者相加时，注意结果）
如：var variable;
      console.log(variable);           // undefined
      console.log('你好' + variable);  // 你好undefined
      console.log(11 + variable);     // NaN，undefined和数字最后的结果是NaN (注意)
      console.log(true + variable);   //  NaN，undefined和布尔型结果是NaN  (注意)

5，Null
声明变量给 null 值，里面存的值为空（学习对象时，我们继续研究null)
如：var vari = null;
      console.log('你好' + vari);  // 你好null
      console.log(11 + vari);     // 11
      console.log(true + vari);   //  1

6，typeof ：可用来获取检测变量的数据类型
如：var num = 18;  
       console.log(typeof num) // 结果 number

不同类型的返回值
           类型              例子                                结果
          string          typeof"小白"                     "string"
         Number       typeof 18                         "number"
         Boolean       typeof true                      "boolean"
         Undefined    typeof undefined             "undefined"
           Null           typeof null                        "object"  （特殊的地方）

注意：1，prompt取过来的值是字符型的
            2，可根据console输出的颜色判断类型，黑色为字符串，蓝色为数字，深蓝色为布尔型，灰色为undefined或null

扩展：字面量（了解）
字面量是在源代码中一个固定值的表示法，通俗来说，就是字面量表示如何表达这个值
1，数字字面量：8, 9, 10
2，字符串字面量：'黑马程序员', "大前端"
3，布尔字面量：true，false

7数据类型转换
通常会实现3种方式的转换：1，转换为字符串类型    2，转换为数字型    3，转换为布尔型

7-1转换为字符串
      方式                        说明                                                           案例
    toString()                 转成字符串                                     var num = 1; alert(num.toString());
    String()强制转换      转成字符串                                    var num = 1; alert(String(num));
    加号拼接字符串       和字符串拼接的记过都是字符串   var num = 1; console.log(num + ' ');（重点）

注意： 更多使用第三种加号拼接字符串转换方式， 这一种方式也称之为隐式转换

7-2转换为数字型（重点）
     方式                            说明                                                                             案例
parseInt(String)              将数字转换为整数数值型(去小数点，去单位)                parseInt('78')  (重点)
parseIntFloat(String)       将数字转换为浮点数数值型(带小数点，去单位)            parseIntFloat('78.21')(重点)
Number()强制转换函数    将String类型转换为数值型                                              Number('12')
js隐式转换（- * /）          利用算术运算隐式转换为数值型                                  console.log('23' - '20');（重点）

注意：1，parseInt和parseFloat转化的数字(字符串或数值型都可以)
           2，隐式转换是我们在进行算数运算的时候，JS 自动转换了数据类型

7-3转换为布尔型
        方式                     说明                              案例
     Boolean()           其他类型转成布尔值                    Boolean('true')

注意：1，代表空、否定的值会被转换为 false  ，如 ' '、0、NaN、null、undefined  
     2，其余值都会被转换为 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