first commit

2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
--- a/历届学生/font-end-nine/每天上课/2022-06-13/引用数据类型.html
+++ b/历届学生/font-end-nine/每天上课/2022-06-13/引用数据类型.html
@@ -0,0 +1,111 @@
+
+    <!DOCTYPE html>
+    <html lang="en">
+
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>引用数据类型</title>
+    </head>
+
+    <body>
+
+    </body>
+    <script>
+    // 引用数据类型
+    // 对象(Object)、数组(Array)、函数(Function)
+    
+    
+    // 数组
+    //  概念：就是一组数据的集合
+    //   下标，从0开始
+    
+    // 三种
+    // var arr = new Array();
+    // arr[0] = "哈哈哈1"
+    // arr[1] = "哈哈哈2"
+    // arr[2] = "哈哈哈3"
+    
+    // 数组都具有 length 长度属性
+    //  console.log(arr.length);
+    
+    
+    // var arr = new Array("哈哈哈1", "哈哈哈2", "哈哈哈3")
+    
+    // var arr = ["哈哈哈1", "哈哈哈2", "哈哈哈3"]
+    // var test = ["哈哈哈4", "哈哈哈5"]
+    
+    // for (var index = 0; index < test.length; index++) {
+    //     arr.push(test[index])
+    // }
+    
+    // console.log(
+    //     [
+    //         ...arr,
+    //         ...test
+    //     ]
+    // );
+    
+    
+    
+    // console.log(arr.concat(test));
+    
+    
+    // 对象
+    //  用 key value 来存储数据
+    
+    // var obj = new Object();
+    // obj.name = "刘兵"
+    // obj.age = "18"
+    
+    // var obj = new Object({ 
+    // name: '刘兵',
+    // age: 18
+    //  });
+    
+    // var obj = {
+    //     name: '刘兵',
+    //     age: 18,
+    // }
+    // console.log(obj.age);
+    // console.log(obj['age']);
+    
+    
+    // for in
+    
+    // for (const key in obj) {
+    //     console.log(obj[key]);
+    // }
+    
+    // 面向 对象 编程
+    // 万物 皆 对象
+    // 对象(类)：对一个事物的具体描述的集合
+    
+    var car = {
+        color: 'red',
+        speed: '7.3s',
+        start: () => {
+    
+        },
+        stop: () => { }
+    }
+    
+    
+    // class 类
+    //  三大特征
+    //   TODO 留坑.......
+    //   封装  
+    //   继承  
+    //   多态
+    
+    class car {
+        color = 'red';
+        speed = '7.3s';
+        start() { }
+        stop() { }
+    }
+    
+    </script>
+
+    </html>