首頁 探索 說明
登入
lovecoding
/
Web1020
10
0
複刻 0
檔案 問題管理 0 合併請求 0 Wiki
瀏覽代碼

js

e 5 月之前
父節點
cb14f06f00
當前提交
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>