first commit

2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
--- a/历届学生/front-end-team/每天课程/2022-03-21/object.html
+++ b/历届学生/front-end-team/每天课程/2022-03-21/object.html
@@ -0,0 +1,95 @@
+<!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>object</title>
+</head>
+
+<body>
+
+</body>
+<script>
+    // 对象 object  
+    //  1：存储数据的方式（通过名字来存数据  key（键）-value(值)），
+    //     类似数组（下标来存数据的）
+    //  2：类似后端编程语言中 类 class  的 概念
+    //    类：对现实生活中事物的描述（特征，功能）
+    //      封装  继承  多态 （一车多用）
+    //      构造函数 constructor  当类被初始化的时候，第一个默认运行的方法（代码）   析构函数
+    //       面向对象的编程
+    //       面向过程的编程
+
+    // 以前的js 都是 通过 object 来模拟 class
+    // 但是  js  是不断升级的语言   class
+    class people {
+        name = ""
+        age = ""
+
+        eat() { }
+    }
+
+    class peopleA extends people {
+        constructor() {
+            super()
+            this.name = "张三"
+        }
+    }
+
+    class peopleB extends people {
+        constructor() {
+            super()
+            this.name = "李四"
+        }
+    }
+
+    var a = new peopleA()
+    var b = new peopleB()
+
+
+    console.log(a.name);
+    console.log(b.name);
+
+    // var obj = new Object();
+    // obj.name = "刘兵"
+    // obj.age = 18
+    // console.log(obj);
+
+    // var obj = new Object({ name: '刘兵', age: 18 });
+    // var obj = {
+    //     name: '刘兵',
+    //     age: 18,
+    //     like: [
+    //         '骑车', '编程'
+    //     ]
+    // }
+
+
+    // delete obj.like  // 删除数据
+
+    // obj.test = "测试增加数据"
+
+    // console.log(obj);
+
+
+
+    // for in 循环
+
+    // for (var key in obj) {
+    //     if (key == 'like') {
+    //         for (var i = 0; i<obj[key].length; i++) {
+    //             console.log( obj[key][i] );
+    //         }
+    //     } else {
+    //         console.log(obj[key])
+    //     }
+    // }
+
+    // console.log(obj.name);
+
+
+</script>
+
+</html>