e 5 月之前
父节点
当前提交
d4469643c7
共有 3 个文件被更改,包括 173 次插入0 次删除
  1. 65 0
      js/js基础/13.函数.html
  2. 35 0
      js/js基础/14.数组.html
  3. 73 0
      js/js基础/15.对象.html

+ 65 - 0
js/js基础/13.函数.html

@@ -0,0 +1,65 @@
+<!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>
+    <!-- 
+    
+    JavaScript 变量的声明和调用
+        声明:var 变量名;
+        调用:console.log(变量名);
+        注意:JavaScript中声明的变量并不一定要赋初始值,可以不写初始值,在使用该变量时,JavaScript会自动赋初始值undefined。
+    全局作用域
+        声明:var 变量名 = 值;
+        调用:console.log(变量名);
+    局部作用域
+        声明:在函数中声明的变量
+        调用:在函数中使用
+    具名函数
+        声明:var 具名函数 = function(形参) {
+            代码;
+        }
+        调用:具名函数(实参);
+    普通函数
+        声明:function 函数名(形参) {
+            代码;
+        }
+        调用:函数名(实参);
+    -->
+    <script>
+        // 全局作用域 可以作用在全局任意位置
+        var c = 20;
+        function fn1() {
+            // 局部作用域 只能作用于局部中
+            var d = 18;
+            console.log("这是我第一个函数",c,d);
+
+        }
+        fn1();
+        // console.log(d,'dd');
+        function fn2(a,b) {
+            console.log(a+b);
+        }
+
+        fn2(2,3);
+
+        // 匿名(具名)函数
+       var fn3 = function (x,y) {
+            // console.log();\
+           return x+y;
+        }
+        console.log(fn3(4,5));
+
+        // 立即执行函数
+
+        (function(a,b) {
+            console.log(a*b)
+        })(3,4)
+
+    
+    </script>
+</body>
+</html>

+ 35 - 0
js/js基础/14.数组.html

@@ -0,0 +1,35 @@
+<!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 arr = [];
+        // 数组通过下标去添加内容
+        // 下标(index)从0开始
+        // 数组的最大下标就是length-1
+        // 数组长度 length
+        arr[0] = 12;
+        arr[1] = 23;
+        console.log(arr);
+        console.log(arr.length);
+        // 数组可由多数据类型组成
+        var arr1 = [1,2,'eee',true,undefined,null];
+        console.log(arr1);
+        // 读取数组中的值 arr[index]
+        console.log(arr1[3])
+        var arr2 = new Array('12','22',false);
+        arr2[3] = true;
+        console.log(arr2);
+        // 遍历数组
+        for(var i=0;i < arr1.length;i++) {
+            // document.write(arr1[i])
+            console.log(arr1[i]);
+        }
+        console.log(typeof arr1);
+    </script>
+</body>
+</html>

+ 73 - 0
js/js基础/15.对象.html

@@ -0,0 +1,73 @@
+<!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 obj = {};
+      // 向对象内添加属性 obj.xxx(属性名) = aaa(属性值)
+      obj.name = "小红";
+      obj.age = 90;
+      obj.sex = "女";
+      console.log(obj);
+      console.log(typeof obj);
+      var obj1 = {
+        name: "孙悟空",
+        desc: "他是齐天大圣",
+      };
+      // 读取对象中的属性值 obj.xxx(属性名)
+      console.log(obj1);
+      console.log("他叫:" + obj1.name);
+      var obj2 = new Object({
+        age: 30,
+      });
+      obj2.name = "八戒";
+      console.log(obj2);
+      var newList = [
+        {
+          name: "Tom",
+          address: "北京",
+          age: 19,
+        },
+        {
+          name: "Lucy",
+          address: "重庆",
+          age: 21,
+        },
+        {
+          name: "Jack",
+          address: "江苏",
+          age: 29,
+        },
+        {
+          name: "Jerry",
+          address: "哈尔滨",
+          age: 17,
+        },
+      ];
+      for (var i = 0; i < newList.length; i++) {
+        document.write(newList[i].name + "\f");
+      }
+      var obj3 = {
+        name: "哪吒",
+        age: 7,
+        list:[1,2,3,4],
+        skill: "火力全开",
+        desc: function () {
+          console.log("我是一个男孩");
+        },
+        sum: function (a, b) {
+          return "和:" +( a + b)
+        },
+      };
+      obj3.desc();
+      console.log(obj3.list[2])
+      console.log(obj3.sum(2,3));
+      console.log(obj3["sum"](4,4))
+    </script>
+  </body>
+</html>