JavaScript知识点记录！

142.变量： 

143.变量命名规范：

144.交换两个变量的值：同桌两位同学换坐位的例子。

145.变量的细节：

146.数据类型：

147.字符串：

<script>
        /*
            字符串
                其实就是多字符串联在一起
            只要是多个字符在一起的都可以使用它表示
                名字，文章...

            语法：
                格式：
                    '内容'
                    "内容"
        */ 

        // var str = '李';
        // var str2 = "狗蛋"

        // 引号里面放引号
        "ab'cd'ef"
        'ab"cd"ef'


        // "abc"def"


        // 转义字符
        // 把语法里面的特殊的字符的作用变没了
        console.log("小明说:\"小红你好\"")
        console.log('小明说:"小红你好"')


        // 字符串是有长度的
        var str = 'abc ';
        console.log(str)
        console.log(str.length)
    </script>

148.布尔值：

<script>
    /*
        布尔
            boolean

            这个类型是用来表示 真和假 的
            真 - 条件成立
            假 - 条件不成立

        只有两个值
            true 真 - 条件成立
            false 假 - 条件不成立
    */ 

console.log(5 > 4)
console.log(5 < 4)
</script>

149.null和undenfind:

<script>
/*
    undefined
        未定义 - 声明了，但是没有赋值
        如果一个变量声明了，没有赋值，默认就是 undefined
*/ 

var a;
console.log(a)

/*
    null
        空 - 什么都没有
        通常都得到的结果是 null 
        很少会主动使用
*/ 

var res = prompt('请输入一个名字')
console.log(res) // 如果点的是取消，得到的就是null
</script>

150.转换为数字类型。Number,ParseInt,ParseFloat。 字母只能在数字后面，字母在前面无法识别。（重点）

Number:不能识别除了数字以外的字母等。

ParseInt:可以识别数字以外的字母整数。如：123aaa.

ParseFloat:可以识别数字以外的小数加字母。如：2.5eb

      var jx = prompt('请输入你的责效工资！');
      var jx1 = parseFloat(jx);
      // var zgz = 3000 + jx1;
      alert('总工资为：' + (3000 + jx1));

151.其它转换为字符串。 String()和.toString()的用法。

152.boolean的应用。js中只有这些是false

    <script>
      // Boolean(任何数据)    用法
      // js中只有这些是false
      console.log(Boolean(0));
      console.log(Boolean(''));
      console.log(Boolean(null));
      console.log(Boolean(undefined));
      console.log(Boolean(NaN));
      console.log(Boolean(false));
    </script>

153.算术运算：加、减、乘、除、余。+ - * / %，取余（重点）

      /* 运算   算术运算：
          + - * /   %(取余)-得到两个数相除的余数
      */
    //  算术运算：
    // console.log(1 + 1);
    // console.log(1 - 1);
    // console.log(1 * 2);
    // console.log(1 / 2);
    // console.log(10 % 3);
      // +的另一个作用：拼接字符串
      // 字符串 + 数字 结果是：字符串。
      // console.log('我' + '叫' + '张' + '三');
      // console.log('我' + 20 + '岁');
      // 如果使用了  字符串 + 其它 ，把其它的  隐式转换为字符串  然后再  相加。

      // 别的隐式转换：
      // console.log(1 + true);
      // console.log(1 + false);
      // console.log(1 + null);
      // console.log(1 + undefined);

      // typeof用于得到数据类型：
      // console.log(typeof(1));
      // console.log(typeof('a'));
      // console.log(typeof(true));
      // console.log(typeof(NaN));

      // - * / % 它们的隐式转换是一样的。
      console.log(1 - '1');
      console.log(1 - 'a');
      console.log(1 - true);

154.比较运算符。=== 和 !=== 是重点

    <script>
      /*
        比较运算符
        > < >= <=
        == !=  判断是否相等
        ===  !==  严格判断，除了要判断内容之后，还要判断类型。

      */
     console.log(5 > 4 );
     console.log(5 < 4 );
     console.log(5 <= 4 );
     console.log(5 >= 4 );
     console.log(5 != 4 );
     console.log(5 == 4 );
     console.log('4' == 4 );  //true
     console.log(undefined == null );  //true

    </script>

155、条件判断if   else的用法：

      // 如果是一种情况：
      /*var gender = prompt('请输入你的性别！');
      if(gender === '男'){
        console.log('男厕所在左边');
      }*/
      // 如果是两种情况：
      /*var gender = prompt('请输入你的性别！');
      if(gender === '男'){
        console.log('男厕所在左边！')
      }else{
        console.log('女厕所在右边！')
      };*/
      // 如果多种情况：
      var gender = prompt('请输入性别！');
      if(gender === '男'){
        console.log('男厕所在左边！')
      }else if(gender === '女'){
        console.log('女厕所在右边！')
      }else if(gender === '中性'){
        console.log('无法判断你用的厕所！')
      }else{
        console.log('无知了！')
      }

156、简单的登录判断，if  else：

    <script>
      // 1.让用户输入用户名：
      var UserName = prompt('请输入用户名！');
      // 2.让用户输入密码：
      var PassWord = prompt('请输入密码！');
      // 3.判断用户名是否正确：
      if(UserName === 'xiaozhang'){
        // console.log('用户名正确！')
        // 4.判断密码是否正确：
        if(PassWord === '111'){
          // console.log('密码正确！')
          alert('登录成功！')
        }else{
          // console.log('密码错误！')
          alert('密码错误！')
        }
      }else{
        // console.log('用户名错误！')
        alert('用户名错误！')
      }
    </script>

157、逻辑运算符：&&并且   || 或者   ！取反

        逻辑运算符：

        逻辑其实就是一些步骤，判断。

        用于连接,判断(条件表达式)的

        &&  并且，让多个条件同时成立

        ||  或者，只要有一个条件成立就行

        ！  取反

    <script>
      /*
        逻辑运算符：
        逻辑其实就是一些步骤，判断。
        用于连接,判断(条件表达式)的

        &&  并且，让多个条件同时成立
        ||  或者，只要有一个条件成立就行
        ！  取反
      */
      // && 讲解
      // console.log( true && true);
      // console.log( true && false);
      // console.log( false && true);
      // console.log( false && false);

      // && 简化  登录
      // var UserName = prompt('请输入用户名');
      // var PassWord = prompt('请输入密码');
      // if (UserName === "xiaozhang" && PassWord === "123"){
      //   alert('登录成功！')
      // }else{
      //   alert('登录失败！')
      // }

      // 逻辑或
      var UserName = prompt('请输入用户名');
      var PassWord = prompt('请输入密码');
      if (UserName != "xiaozhang" || PassWord != "123"){
        alert('登录失败！')
      }else{
        alert('登录成功！')
      }

      // ！ 取反
      // console.log( !(4 > 5));
    </script>

158、条件判断switch的用法：

    <script>
      /*
        if通常使用判断区间，复杂的条件
        js推荐使用switch判断  固定值

        switch(){
          case 固定值1:
            数值和固定值1完全相等的代码
            break;
          case 固定值2:
            数值和固定值2完全相等的代码
            break;
          ...
          default:
            上面的条件都不成立时执行的代码
        }
      */
      var gender = prompt('请输入性别！');
      switch (gender){
        case '男':
          console.log('男厕所在左边！');
          break;
        case '女':
          console.log('女厕所在右边！');
          break;
        default:
          console.log('不知道你说的是啥！');
          break;
      }
    </script>

159、while 循环- 条件成立时，重复执行一段代码：

    <script>
      /*
        循环  -重复执行一段代码

        while 循环

        固定格式：
        while (条件){
          条件为true时就会重复执行此处代码 | 循环体
        }
        执行过程：
          1.判断条件
          2.条件为true时，执行循环体。
          3.循环体执行完毕后，会继续判断条件。
          4.如果条件还是true，则重复执行1~3步骤。直到条件为false时，结束执行循环体。
      */
      // 准备一个变量，每次讲一个故事，让变量+1.
      var time = 0;
      while (time < 3) {
        console.log('讲一个故事！');
        time = time + 1;
      }
    </script>

160、break用法：结束循环。（开发中使用很少）

    <script>
      /*
        break用法：结束循环。
          1.结束switch
          2.结束循环。
            break一旦执行了，它后面的代码就不再执行了。
      */
      while(true){
        var n1 = prompt('');
        if(n1 === null || n2 === null){ // 如果点击取消，n1就等于null，就结束计算。
          break;
        }
        var n2 = prompt('');
        if(n1 === null || n2 === null){ // 如果点击取消，n2就等于n