26.继承4.0.html 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <script>
  10. /**
  11. * 原型式继承
  12. * ES5提供
  13. * Object.create(必传项(新原型对象),选传项(新原型对象的属性))
  14. * 用于浅拷贝
  15. * 浅拷贝与深拷贝:
  16. * 浅拷贝:被引用出来的地址发生改变,原地址也改变
  17. * 深拷贝:被引用出来的地址发生改变,原地址不改变
  18. */
  19. let Father = {
  20. name:'小红',
  21. arr:[1,2,3],
  22. fn1:function(){
  23. console.log("这是原型式继承");
  24. }
  25. }
  26. let Child = Object.create(Father);
  27. Child.name = '小明';
  28. Child.arr.push(10);
  29. let Child1 = Object.create(Father);
  30. Child1.name = '小绿';
  31. Child1.arr.push(20);
  32. console.log(Child,'Child');
  33. console.log(Child1,'Child1');
  34. </script>
  35. </body>
  36. </html>