|
|
@@ -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>
|
|
|
+ /**
|
|
|
+ * 原型式继承
|
|
|
+ * ES5提供
|
|
|
+ * Object.create(必传项(新原型对象)，选传项（新原型对象的属性）)
|
|
|
+ * 用于浅拷贝
|
|
|
+ * 浅拷贝与深拷贝：
|
|
|
+ * 浅拷贝：被引用出来的地址发生改变，原地址也改变
|
|
|
+ * 深拷贝：被引用出来的地址发生改变，原地址不改变
|
|
|
+ */
|
|
|
+ let Father = {
|
|
|
+ name:'小红',
|
|
|
+ arr:[1,2,3],
|
|
|
+ fn1:function(){
|
|
|
+ console.log("这是原型式继承");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ let Child = Object.create(Father);
|
|
|
+ Child.name = '小明';
|
|
|
+ Child.arr.push(10);
|
|
|
+
|
|
|
+ let Child1 = Object.create(Father);
|
|
|
+ Child1.name = '小绿';
|
|
|
+ Child1.arr.push(20);
|
|
|
+
|
|
|
+ console.log(Child,'Child');
|
|
|
+ console.log(Child1,'Child1');
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ </script>
|
|
|
+ </body>
|
|
|
+</html>
|
e