e 5 månader sedan
förälder
incheckning
2c2938972b
4 ändrade filer med 92 tillägg och 0 borttagningar
  1. 30 0
      js/js基础/5.运算.html
  2. 22 0
      js/js基础/6.运算.html
  3. 17 0
      js/js基础/7.三元运算符.html
  4. 23 0
      js/js基础/8.语句.html

+ 30 - 0
js/js基础/5.运算.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>
+        // x++ 先赋值 后自增
+        // x-- 先赋值 后自减
+        var a = 5;
+        var w = a--;
+        // var y = a++;
+        console.log(a,w);
+
+
+
+
+        var x =3;
+        // ++x 先自增 后赋值
+        // --x 先自减 后赋值
+        // var v = --x;
+        console.log(x,w);
+        // var z = ++x;
+        var c = --x;
+        console.log(x,c);
+    </script>
+</body>
+</html>

+ 22 - 0
js/js基础/6.运算.html

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

+ 17 - 0
js/js基础/7.三元运算符.html

@@ -0,0 +1,17 @@
+<!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(5>40 ? 'yes' : 'no')
+    </script>
+</body>
+</html>

+ 23 - 0
js/js基础/8.语句.html

@@ -0,0 +1,23 @@
+<!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;
+        // 5>4 表达式
+        function fn() {
+            // {} 代码块
+            // 局部作用域
+            var b=2;
+            console.log(a,b);
+        }
+        fn();
+        console.log(b)
+    </script>
+</body>
+</html>