JS基础（二）一、变量的命名变量命名规则（必须遵守，不遵守会报错）由字母、数字、下划线、$组成，不能以数字开头字母

一、变量的命名

变量命名规则（必须遵守，不遵守会报错）

由字母、数字、下划线、$组成，不能以数字开头

字母区分大小写

不能是关键字和保留字

关键字指的是js中有特殊功能的小词语，比如var、for等

保留字指的是现在没有特殊功能，但是将来新语法中有可能作为关键字使用

变量命名规范（建议遵守，不遵守不会报错）

变量名必须有意义

遵守驼峰命名法

    var box = 1 
    var str = 1 
    var box1 = 1 
    var box2 = 1 
    var $box2 = 1 
    var $box10086 = 1
    var $box_10086 = 1 // 
    var 10086box = 1 
    var num = 100 
    var NUM = 200 
    console.log(num, NUM) // 这是一种不规范的书写方式, 示例: 我一把把把把住了 // var 盒子 = 100 // 
    console.log(盒子) 
    var bigbox = '一个神奇的盒子' 
    var bigBox = '一个神奇的盒子' // 驼峰命名 
    var big_box = '一个神奇的盒子' // 驼峰命名

二、JS的数据类型

1.简单数据类型

1）数字类型（number）:所有整数和浮点数

1.2 字符串类型(string):在JS中，只要是引号包裹的内容，统称为字符串

1.3 布尔类型(boolean):表明对/错(真/假)

1.4 undefined类型（undefined）:表明未定义，通常我们不会给一个变量赋值为 undefined，因

为变量定义但不赋值就是一个undefined

1.5 null类型（null）:表明为空对象指针（空），一般很少使用，但是如果创建了一个对象，但是

不知道对象的值是什么的时候可能会给一个null

2.复杂数据类型（引用数据类型）暂时不讲

 // 数字类型
        var num1 = 1
        var num2 = 100
        var num3 = 10086
        var num4 = 10086.965

        // 字符串类型
        var str1 = 'qwer'
        var str2 = '!@#$%'
        var str3 = '10086'

        // 布尔类型
        var boo1 = true     // 表明为真
        var boo2 = false    // 表明为假

        // undefined 类型
        var und1 = undefined
        var und2

        // null 类型
        var nul = null

三、数据类型检测

为什么要进行数据类型检测？

在JS中，一个变量内部保存的值是可以任意更改的

所以使用的时候为了放置因为数据类型不对，导致的错误，所以需要在使用前检测一下数据的类型

数据类型的语法

需要借助一个关键字 typeof

假设要检测的变量名为 box

1. typeof(box)
2. typeof box
 var box = '我是一个字符串类型的数据'
 
 console.log(typeof(box))
 console.log(typeof box)

 var num = 10086
 console.log(typeof(num))
 console.log(typeof num)

 console.log(typeof('我是一个字符串类型的数据'))
 console.log(typeof (true))
 console.log(typeof (undefined))

null 的类型就是 null

但是 typeof 这个方法有一点小问题, 它会将 null 识别为 object 类型

所以在使用 typeof 检测的时候, 不要用来检测 null 这个类型, 因为检测结果不准确

后续的时候会介绍一个方法能够用来检测 null 这个类型

JS 问题

示例: JS 校验 null 的类型方法有哪些

console.log(typeof(null))

转number类型

数据类型转换

JS转换的时候任何类型都能够转换成为数字使用，主要是字符串转数字

借助一个转型函数 Number （数据）
parseInt（数据）
parseFloat（数据）参考上述的 parseInt 自己整理练习

1.Number

var box = '10086'
console.log('box 原本的数据类型' , typeof(box),box)
var newBox = Number(box)
console.log('box 通过转型函数转移后的值'，typeof(newBox),newBox)

1.1 字符串：纯数字字符串转为对应数字，空字符串和空白字符串转为0，非空飞纯数字字符串转为 NaN

   console.log(Number(''))  //空字符串----0
   console.log(Number(' ')) //空白字符串----0
   console.log(Number('anflanfl')) //没有数字的字符串------NaN    此时已经将这个字符串转为数字类型了， 但是没有一个合适的数字能表达他， 所以使用统一的 NaN
   console.log(Number("123456789"))  //只有数字的字符串  ------123456789     直接转换成数字了

1.2布尔值：true转为1， false转为0

console.log(Number(true))  //1
console.log(Number(false))  //0

1.3undefined ：转为NaN null ：转为0

console.log(Number(undefined))   //NaN
console.log(Number(null))   //0

2.parsrInt

2.1 parseInt 如果传递的是一个数字，那么会忽略小数点以后的所有内容

 console.log(parseInt(100))
 console.log(parseInt(100.666))

2.2如果不是数字打头的字符串，会转换为NaN

 console.log(parseInt(''))    // 空字符集 ---NaN
 console.log(parseInt(' '))   // 空白字符串---NaN
 
 console.log(parseInt('#&$*@'))   //非空非空白字符集  ---NaN
 console.log(partseInt('qwerty'))  //非空非空白字符串 ---NaN
 console.log(partseInt('qwerty10086'))  //非空非空白字符串 ---NaN

2.3 字符串中，必须是纯数字字符串或者数字字符开头的字符串，才能转换为正常数字，且只能取整数部分

 console.log(parseInt('10086qwerty'))   //字符串中开头为数字，那么直接保留数字并忽略数字以后的所有内容 ----10086
 console.log(parseInt('10086.45qw5e4rt5y'))   //字符串中开头为数字，那么直接保留数字并忽略数字以后的所有内容 ----10086
 console.log(parseInt('100'))  //直接将字符串中的数字转为数字类型
 console.log(parseInt('100.10086'))  //直接将字符串中的数字转为数字类型

3. parseFloat()方法：字符串转浮点数方法

将字符串转为浮点数数字
满足浮点数数字字符必须在字符串开始，如果不在开始返回值都是NaN

javascript
复制代码
        console.log(parseFloat('13px'))//13
        console.log(parseFloat('12.34px'))//12.34
        console.log(parseFloat('12.94px'))//12.94
        console.log(parseFloat('abc234.456'))//NaN
        console.log(parseFloat('123.456abc456.789'))//123.456

四、转字符类型

变量/数据.toString() 问题： undefined 和 null 不能使用
String（变量/数据）什么类型都能转换为字符串
变量/数据 + '' 原理讲到运算符的时候再说

1.变量/数据 .toString()

   var box = 100
   console.log('box 原本的值： '，typeof(box),box)
   console.log('box 转换数据类型后： '，typeof(box.toString()),box.toString)

布尔值的转换

console.log(typeof(true),typeof(true.toString()))
console.log(true,true.toString())
请书写 false 的转换
console.log(typeof(false),typeof(false.toString()))
console.log(false,false.toString())

undefined 不能使用 toString 去转换
console.log(undefined.toString())
var und = undefined
console.log(und)
console.log(und.toString())

null 也不能通过 toString 转换
console.log(null.toString)

2. String(变量/数据)

console.log(typeof(undefined), typeof(String(undefined)))
console.log(typeof(null),typeof(String(null)))

console.log(typeof(String(100)))
console.log(typeof(String(true)))

3.变量/数据 + ''

console.log(typeof(undefined),typeof(unfined + '' ))
console.log(typeof(null)), typeof(null + '' ))

五、转布尔类型

一般开发的时候不会主动的转换布尔类型一般都是隐式转换，也就是JS帮我们完成了数据转换，一般做判断时比较常见

1.借助一个转型函数 Boolean(变量/数据)

2.！！变量 /数据一个!表示得到这个数据取反后的布尔值

     数字转布尔值         非0即为真
        console.log(Boolean(0))
        console.log(Boolean(1))
        console.log(Boolean(-1))
        console.log(Boolean(100))
        console.log(Boolean(-10000))
        console.log(Boolean(1.567))

        字符串转布尔值       只有空字符串会转为 false
        console.log(Boolean(''))
        console.log(Boolean(' '))
        console.log(Boolean('1234567'))
        console.log(Boolean('!@#$'))
        console.log(Boolean('qwerts'))
        console.log(Boolean('你好!@#$%qwert12345'))

        undefined 和 null
        console.log(Boolean(undefined)) // false
        console.log(Boolean(null)) // false


        console.log(!undefined) // true
        console.log(!!undefined)    // false

JS的运算符

也叫操作符，是JS中发起一个运算的最简单的方法

算数运算符 + - * / % 加减乘除取余

运算符本身就是给数字类型使用的

也就是将符号左右两边的值，相加得到一个新的值这个也叫做表达式，表达式就是会计算出一个值，然后参与周围程序的运行

注意:+ 一般就是给数字使用的，但是如果符号的任意一边有字符串类型的，那么不再计算求和，而是计算一个拼接并且拼接后的值是字符串；类型的这也是为什么一个数据 + '' 能够转换为字符串类型
```
     console.log(1 + 1)
     console.log(undefined + null)
     console.log(1 + '1')
```
就是将符号两边的值相减得到一个新的值

运算的时候, 如果符号两边有字符串. 那么 JS 会将字符串转换为数字然后参与运算

这也是为什么数据 - 0 能够转换为 number 类型

        console.log(100 - 50)
        console.log('100' - 50)

        console.log(100 * 5)
        console.log(100 * '5')

        console.log(900 / 3)
        console.log(900 / '3')

        console.log(9 % 4)
        console.log(9 % '4')

赋值运算符

= 赋值号 += 当要给一个变量重新赋值, 赋值为他本身加一个内容, 就可以使用 +=

  // +=
      var a = 100
      // a = a + 500
      a += 500
      console.log(a)


      // -=
      var b = 100
      // b = b - 50
      b -= 50
      console.log(b)

      // *=
      var c = 10
      // c = c * 10
      c *= 10
      console.log(c)

      // /=
      var d = 9
      d /= 3
      console.log(d)

      // %=
      var q = 9
      q %= 4
      console.log(q)

比较运算符

           大于            >
           小于            <
           大于等于        >=
          小于等于        <=
     
           等于
                ==      对比两边是否相等, 不会区分数据类型      了解或者特殊情况下书写
               ===     对比两边是否相等, 区分数据类型          推荐写 ==
               一定要注意, 等于 最少要两个 ==          千万不要写成 =
     y
         不等于
               !=      对比两边是否不相等, 不会区分数据类型
              !==     对比两边是否不相等, 区分数据类型            推荐写 !==
        console.log(100 > 99)   // true
    console.log(100 < 99)   // false
    console.log(100 < 100)   // false
    console.log(100 > 100)   // false
    console.log(100 >= 100)   // true


    console.log(1 == 1) // true
    console.log(1 === 1)    // true

    console.log(1 == '1') // true
    console.log(1 === '1')    // false


    console.log(100 != 100)
    console.log(100 != 99)

    console.log(100 !== 100)
    console.log(100 !== '100')  // 因为区分数据类型, 所以 条件成立, 返回 true
    console.log(100 != '100')   // 不区分类型, 条件不成立, 返回 false

自增自减运算符

++ --

作用：将变量自增1或者自减1

语法：变量++ ++变量区别：如果符号在变量/数据前，先运算自增或者自减，然后参加周围程序运算如果符号在变量/数据后，先参与周围程序运算，然后自增或者自减

   ```js
       var num = 1
    ++ 在前, 先运算
    console.log(++num)  // 2

    ++ 在后, 后运算
    console.log(num++)  // 1
    console.log(num)     // 2
   ```

JS基础（二）