e před 11 měsíci
rodič
revize
132662a8b5

+ 38 - 0
js/js初阶/DOM/21.修改this指向.html

@@ -0,0 +1,38 @@
+<!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>
+        /**
+         * call  
+         * xxx.call(修改成那个对象,传参1,传参2)
+         * apply 
+         * xxx.apply(修改成那个对象,[传参1,传参2])
+         * bind
+         * xxx.bind(修改成那个对象,传参1,传参2)()
+        */
+        var obj = {
+            name:"LiLi",
+            age:10,
+            eat:function(a,b){
+                console.log(a+b);
+                console.log(this);
+                console.log(this.sex);
+            }
+        }
+        // obj.eat(2,3);
+        var obj1 = {
+            sex:"女"
+        }
+        // function fn1(){}
+        // fn1()
+        obj.eat.bind(obj1,2,3)();
+        // obj.eat.apply(obj1,[2,3])
+        // obj.eat.call(obj1,2,3);
+    </script>
+</body>
+</html>

+ 41 - 0
js/js初阶/DOM/22.类.html

@@ -0,0 +1,41 @@
+<!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>
+        /**
+         * 构造函数
+         * new 实例化对象
+         * this指向当前对象本身
+         * 首字母大写
+         * 不使用return
+         * 自带了prototype 原型对象 和 constructor 构造器
+         * 
+         * 属性 写在构造函数下
+         * 方法 写在原型对象下
+         * 
+        */
+        function Person(name,age) {
+            console.log(this);
+            this.name = name;
+            this.age = age;
+        }
+        Person.prototype.eat = function() {
+            console.log("吃粽子")
+        }
+        Person.prototype.drink = function() {
+            console.log("喝甜水")
+        }
+      var p1 = new Person('Lucy',20);
+      console.log(p1.name,p1.age);
+      p1.eat();
+      p1.drink();
+      p1.name = '哈哈';
+      console.log(p1);
+    </script>
+</body>
+</html>