Javascript变量及简单数据类型

一.变量
  变量就是一个容器
  变量是用于存放数据的容器。我们通过变量名获取数据，甚至修改数据
  变量是在内存中存放数据的
  变量 有一个存放数据的 内存空间
  还有一个变量名
二.变量的使用
  使用变量时分两步 1. 声明变量 2.赋值
  1.声明变量
   var 变量名称
   例如 var test; //声明一个名为test的变量
   var 是一个js关键字 用来声明变量（variable的意思）
   使用后计算机会自动为变量分配内存空间
  2.声明变量
   变量名称 = 值
   test = 666; //向text变量中存放了一个 值 666
  3.变量的初始化
   var age = 17 //声明变量的同时赋值为17
  4.变量的扩展语法
   1.更新变量
    一个变量被重新赋值后 原有值会被覆盖 存储的值为 后来的值
    var age = 18;
    age = 19;
    这时age中存放的是 19
   2.同时声明多个变量
    var 变量1，变量2，变量3，……
    变量之间用逗号分隔 结束时还是加分号
   3.声明变量的特殊的情况
    1.只建立变量名 不赋值
     var ser;
     console.log(sex);
     显示结果为 undefined （未定义）
    2.不声明 不赋值 直接使用 会报错
    3.不声明 直接赋值 进行使用
     qq = 10086;
     console.log(qq);
     输出为 10086 可以不声明 直接使用
 5.变量名的规范
   1.变量名由 字母 数值 下划线 美元符号组成
   2.严格区分大小写 Va VA 是两个名称
   3.不能以数值开头 10ss是不可以的
   4.不能为关键字 比如var for while
   5.变量名必须有意义。
   6.使用驼峰命名法，首字母小写 后面单词首字母需要大写

    案例    
        存放 用户的 姓名 住址 年龄 邮箱 工资
        <script>
        var myName = '铁锤';
        var address = '锤村';
        var age =30;
        var email = '123456789';
        console.log(myname)
        console.log(address)
        console.log(age)
        console.log(email)
        </script>
        浏览器控制台会输出这些内容
    案例二 让用户输入名字 并且弹出框 显示刚刚输入的名字
    <script>
        var yName = prompt('请输入您的姓名') 
        alert(yname)
    </script>
    案例三 让两个变量内容交换
        var yName = '666' ,
            myName = '333',
            temp; //临时变量
            temp = yName;
            yName = myName;
            myName = temp;
            实现交换

三.数据类型
  1.数据类型简介
   1.之所以将数据分类是因为，在计算机中不同的数据所需占用空间是不同的，
     为了方便于把数据 分成 所需内存大小 不同 的数据，充分利用储存空间
     于是定义了不同的数据类型
   2.变量的数据类型
    因为 Javascript是一种弱类型或者说动态语言。它不用提前声明变量的类型，
    在程序运行的过程中，类型会被自动确定。
    js的变量数据类型只有程序在运行过程中，根据等号右边的值来确定的
    而且js 拥有动态的数据类型，同时也意味着他的数据类型是可以变化的
   3.数据类型会分为两种
    1.简单数据类型
    2.复杂数据类型
  2.简单的数据类
   1.Number
     既可以保存数字 也可以保存浮点型
     1.数字型进制
     1.八进制
       0~7
       var number = 010; //数字前加一个0表示八进制
       console.log(number); // 八进制 的010 转换为10进制就是8
     2.十六进制
       0~9 a~f
       var number2； //数字前加 0x 表示十六进制
     2.数字型范围
      js中数值的最大值和最小值
     alert (Number.MAX_VALUE)
     alert (Number.MIN_VALUE)
    3.数字型中三个特殊的值
     infainity 无穷大 大于任何数值 Number.MAX_VALUE * 2
     -infainity 无穷小 小于任何数值 Number.MIN_VALUE *2
     NaN , Not a number 代表一个非数值
    4.isNaN(x)
     用来判断非数字 且返回值 是数字返回 false 不是数字返回的是 true
  2.字符串型 String
    字符串型是引号中的任意文本 语法为 双引号或者单引号 推荐使用单引号 ‘’
    嵌套的话需要 " ’ ’ " 或者 ’ " " ’
    1.转义字符 需要在引号中使用 转义符都是反斜杠\开头
     \n 换行
     \ 斜杠
     ’ '单引号
     " "双引号
     \t tab缩进
     \b 空格
     2.length 检测获取字符串的长度
        案例 检测获取字符串的长度
        str = ‘你猜这是几个8 8888888888’;
        console.log(str.length)
      3.字符串的拼接
        多个字符串之间可以使用+进行拼接,
        其拼接方式为字符串+任何类型=拼接之后的新字符串
        拼接前会把与字符串相加的任何类型转成字符串,再拼接成一一个新的字符串
        两个数值型的相加会直接运算

                例如
                    console.log(12+12) 输出结果为24
                    但是加上引号就变成
                    console.log('12'+12) 输出结果为1212
            拼接时可以加入变量
                例如
                    var number = '1998'
                    console.log('2019和'+number+'相差多少年')  
                        最后输出为 2019和1998相差多少年
                        变量名 不可加到引号中  不然会直接输出变量名

    3. 布尔型 Boolean
      布尔型只有两个值 true 和 false
      在参与加法运算时 true 当1看
      false 当0看
    4.Undefined
      一个声明后没有被赋值的变量会有-一个默认值undefined
      (如果进行相连或者相加时,注意结果)
      未定义类型和字符串相加为
      var variable = undefined ;
      console.log(‘2019和’+variable+‘相差多少年’)
        输出 2019和undefined相差多少年
      console.log(variable + 1)
        输出为 NaN undefined和数字相加 最后结果是 NaN
      console.log(variable + true);
        输出为 NaN
    5.Null 空值
      一个声明变量给null值，里面存的值为空
      例子
        var vari = null;
        console.log(vari + 哈哈);
          输出为 null哈哈
        console.log(vari + 12);
          输出为 12
        console.log(vari + true);
          输出为 1
 3.获取变量的数据类型
    1.typeof 用来检测变量的数据类型
      用法
        console.log(typeof 变量名称);
        返回值为 上面的简单数据类型
        检测到空值noll时 会返回object
    2.可以通过看浏览器控制台的颜色来判断
      数值型颜色为 蓝色
      字符型为 黑色
      布尔值 为深蓝色
      Undefined和null 为灰色
    3.字面量
      字面量是在源代码中一个固定值的表示法,通俗来说,就是字面量表示如何表达这个值。
      数字字面量 7，8，9
      字符串 哈哈哈哈哈
      布尔值 true false
  4.数据类型转换
      使用表单、prompt 获取过来的数据默认是字符串类型的,
      此时就不能直接简单的进行加法运算,而需要转换变量的数据类型。
      通俗来说,就是把一种数据类型的变量转换成另外-种数据类型。
  1.转化为字符串类型
    1.toString()
      用法:
        变量名.toString();
   2.String()强制转换
      用法:
        String(变量名)
    3.加号拼接字符串
      用法:
        console.log(变量名 + ‘’); 空的字符串
    2.转化为数字类型
      1.parseInt() 转换时只能得到整数 小数点后面会直接丢掉
        用法
        parseInt(变量名或者直接输入字符串)
    注意！！！
      console.log(parseInt(‘120px’))
      输出为 120 会自动去掉后面的字母或者汉字什么的
    2.parseFloat() 转换时可以得到 小数 浮点数
      用法
        parseFloat(变量名或者直接输入字符串)
        console.log(parseFloat(‘120px’))
        输出为 120 会自动去掉后面的字母或者汉字什么的
    3. Number()
      用法
        Number(变量)
    4.利用 - * / 减 乘 除实现隐式转换
      用法
        console.log(‘12’ - 0);
        输出为 12 为数值类型
  3.转化为布尔型
    1.Boolean()
      用法
      Boolean(变量)
      代表空、否定的值会被转换为false，如" 0 NaN null undefined
      其他都是 true