fengchuanyu 2 주 전
부모
커밋
f303e36c6c
4개의 변경된 파일162개의 추가작업 그리고 0개의 파일을 삭제
  1. 15 0
      3_JavaScript/3_变量定义.html
  2. 8 0
      3_JavaScript/5_数值型.html
  3. 68 0
      3_JavaScript/7_布尔类型.html
  4. 71 0
      3_JavaScript/8_条件判断.html

+ 15 - 0
3_JavaScript/3_变量定义.html

@@ -12,6 +12,21 @@
         // js是一个动态类型语言 定义时候不需要约束变量类型 只有赋值的时候才能确定变量的类型
         // 变量名命名规则:1.由数字、字母、下划线"_"、$构成;2.数字不能开头;3.不能使用关键字
         var a = 1;
+
+        // js中允许重复定义
+        var a = "hello";
+        // js中允许切换数据类型
+        a = true;
+        // js中允许一次定义多个变量
+        var a=10,b=20,c=30;
+        // js中变量名是严格区分大小写
+        var str = 1;
+        var Str = 2;
+
+        // 变量名命名规范
+        // 驼峰命名 多个单词构成的变量名 从第二个单词开始首字母大写 (小驼峰)如果第一个单词首字母就大写那么为(大驼峰)
+        var userName = "张三";
+
     </script>
 </body>
 </html>

+ 8 - 0
3_JavaScript/5_数值型.html

@@ -24,6 +24,14 @@
         console.log(5%2);
         // 括号
         console.log((2+1)*2);
+        // NaN not a number 当我们看到这个类型表示数学运算中出现了非数值类型 (加法除外)
+        // 除了加法其他的数学运算只要有一个操作数不是数值型那么就返回一个NaN
+        console.log("a" * 2);
+
+        // 如果参与数学运算的操作数中有一个是字符串 如果这个字符串是一个数字那么可以把它转换成数值型运算
+        console.log("6" * 2);
+        
+        
         
         
         

+ 68 - 0
3_JavaScript/7_布尔类型.html

@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <script>
+        // 一般实现条件判断的时候会使用布尔类型
+        // if(){
+
+        // }else{
+
+        // }
+
+        // if语句用于判断条件并执行相应代码
+        // if括号里的条件成立 执行if后的语句 如果不成立那么执行else里语句
+        // var a = 5;
+        // if(a > 10){// a>10 得到的是false
+        //     console.log("a大于10");
+        // }else{
+        //     console.log("a小于10");
+        // }
+
+        // var a = 10;
+        // if(a>10){
+        //     console.log("a大于10");
+        // }else if(a<10){
+        //     console.log("a小于10");
+        // }else{
+        //     console.log("a等于10")
+        // }
+        // 条件判断最终返回是一个布尔类型 要么true 要么是false
+        // var a = '1';
+        // 判断两个值是否相等用 == 或者 ===
+        // ==判断的只是值是否相等如果不同类型会转换成相同类型进行判断
+        // === 严格匹配 必须值和类型都完全相等才可以
+        // console.log( a == 1 );
+        // console.log( a === 1);
+
+        // 判断两个值不相等 用 !=
+        // var a = 10;
+        // console.log(a != 9);
+
+        // ! 标识取反 如果之前是真那么变成假 如果假变成真
+        // var b = true;
+        // console.log(!b);
+
+        // >= 大于等于 <=
+        // var a = 10;
+        // console.log(a<=10);
+        
+        // && 表示并且的关系 同时满足多个条件
+        // var a = 18;
+        // console.log(a>1 && a<10);
+
+        // || 表示或运算 只要满足其中一个条件即可
+        var a = 3;
+        console.log(a == 1 || a == 2);
+        
+        
+        
+        
+        
+    </script>
+</body>
+</html>

+ 71 - 0
3_JavaScript/8_条件判断.html

@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <script>
+        var a = 10;
+        if(a > 10){
+            console.log("大于10")
+        }else if(a<10){
+            console.log("小于10")
+        }else{
+            console.log("等于10");
+        }
+
+        var b = "a";
+        if(b == 1){
+            console.log("一")
+        }else if(b == 2){
+            console.log("二");
+        }else if(b == 3){
+            console.log("三");
+        }else if(b == 4){
+            console.log("四");
+        }else{
+            console.log("输入错误")
+        }
+
+        // switch同样表示条件判断 括号里只能写具体值 不能写条件语句
+        // switch 后边跟着一个值 里面case会用switch后边的值跟自己后边的值进行匹配如果相同就执行他后边的语句
+        // break 在 switch 中可以结束执行语句
+        // switch 的判断相当于 ===
+        // default 如果都没有匹配成功则进入到default中
+        var n = '2';
+        switch(n){
+            case 1:console.log("一");break;
+            case 2:console.log("二");break;
+            case 3:console.log("三");break;
+            case 4:console.log("四");break;
+            case 5:console.log("五");break;
+            case 6:console.log("六");break;
+            default:console.log("输入错误");
+        }
+
+
+        // var num1 = 10;
+        // var num2 = 20;
+        // var res = undefined;
+        // if(num1>num2){
+        //     res = num1;
+        // }else{
+        //     res = num2
+        // }
+        // console.log(res)
+
+        var num1 = 30;
+        var num2 = 20;
+        // 三元运算符 ?:  问号前是一个条件语句 如果条件语句成立那么返回冒号前面值 否则返回冒号后边的值
+        // 三元运算符常用于条件判断赋值操作
+        var res = num1 > num2 ? num1 : num2 ;
+        console.log(res);
+        
+
+
+
+    </script>
+</body>
+</html>