e 3 weeks ago
parent
commit
58a0ad6e01

+ 68 - 0
3.js初级/js基础/4.运算符.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>
+            var a = 1;
+            var b = 2;
+            var c = 10;
+            var d = 5;
+            // console.log(a+b);//3 
+            // console.log(c-b);//8
+            // console.log(a*b);//2
+            // console.log(b/a);//2
+            // console.log(d % c);//5 去低段位的值
+            // console.log(b % c);//2
+            // console.log(a % c);//1
+            // console.log(c % c);//0
+            // console.log(c % 3);//1
+
+            // console.log(a + '1');//11 加法运算 number + string 拼接
+            // console.log(a + c); // 11
+            // console.log('3'+'12');//312 string + string 拼接
+            // console.log(d + true); //6 加法运算中true=1 false=0
+            // console.log(b + null)//2
+            // console.log(b+undefined)//NaN 非法数字
+
+            // console.log(c-b);//8
+            // console.log(c-'4'); //6 减法 string number 执行正常的运算规则
+            // console.log(c-'hello');//NaN
+            // console.log(c-true);//9 减法运算中true=1 false=0
+            // console.log(c-null);//10
+            // console.log(c-undefined);//NaN
+
+            // console.log(c*b);//20
+            // console.log(c*'4'); //40 乘法 string number 执行正常的运算规则
+            // console.log(c*'hello');//NaN
+            // console.log(c*false);//0 乘法运算中true=1 false=0
+            // console.log(c*null);//0
+            // console.log(c*undefined);//NaN
+
+            
+            // console.log(c/b);//5
+            // console.log(c/'4'); //2.5 除法 string number 执行正常的运算规则
+            // console.log(c/'hello');//NaN
+            // console.log(c/false);//Infinity 除法运算中true=1 false=0
+            // console.log(c/null);//Infinity
+            // console.log(c/undefined);//NaN
+
+            console.log(c%b);//0
+            console.log(c%'2'); //2.5 取余 string number 执行正常的运算规则
+            console.log(c%'hello');//NaN
+            console.log(c%false);//NaN 取余运算中true=1 false=0
+            console.log(c%null);//NaN
+            console.log(c%undefined);//NaN
+
+
+
+        </script>
+
+</body>
+</html>

+ 33 - 0
3.js初级/js基础/5.运算.html

@@ -0,0 +1,33 @@
+<!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>
+        // x++;
+        // x=x+1
+        var a = 5;
+        var b;
+
+        // 1.a++ 先赋值 后自增
+        // b = a++;
+        // console.log(a,'a'); // 6
+        // console.log(b,'b'); // 5
+        // 2.++a 先自增 后赋值
+        // b= ++a;
+        // console.log(a,'a'); // 6
+        // console.log(b,'b'); // 6
+        // 3.a-- 先赋值 后自减
+        // b = a--;
+        // console.log(a,'a'); // 4
+        // console.log(b,'b'); // 5
+        // 4.++a 先自减 后赋值
+        b= --a;
+        console.log(a,'a'); // 4
+        console.log(b,'b'); // 4
+    </script>
+</body>
+</html>

+ 30 - 0
3.js初级/js基础/6.运算.html

@@ -0,0 +1,30 @@
+<!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>
+
+        // console.log(2<3 || 5<4);
+        // console.log(2<3 || 1<4);
+        // console.log(2>3 || 1>4);
+        // console.log(2<3 && 5<4);
+        // console.log(2<3 && 1<4);
+        // console.log(2>3 && 1>4);
+        console.log(!true);
+        console.log(!0)
+        console.log(5!=2)
+    </script>
+  </body>
+</html>

+ 18 - 0
3.js初级/js基础/7.三元运算符.html

@@ -0,0 +1,18 @@
+<!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;
+        console.log(a > 5 ? '大于' : '小于')
+    </script>
+</body>
+</html>