1234567891011121314151617181920212223242526272829303132333435363738394041 |
- <!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>
|