13.原型式继承.html 1.0 KB

123456789101112131415161718192021222324252627282930313233343536
  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. * 实现:直接创建新对象 让现有对象为新对象的原型 Object.create()
  13. * 优点:
  14. * 不需要构造函数 不需要new
  15. * 适用于普通对象之间的继续
  16. * 缺点:
  17. * 共享实例 一个发生改变则全部改变
  18. * 无法像父对象传参
  19. */
  20. let Father = {
  21. name: "图图",
  22. age: 3,
  23. list: ["吃饭", "睡觉", "打豆豆"],
  24. say() {
  25. console.log("hello");
  26. }
  27. }
  28. let Child = Object.create(Father);
  29. let Child1 = Object.create(Father);
  30. Child.sex = '男';
  31. Child.list.push("玩耍");
  32. console.log(Child, 'child')
  33. console.log(Child1, 'child1')
  34. </script>
  35. </body>
  36. </html>