1. <!DOCTYPE html>
    2. <html lang="en">
    4. <head>
    5.     <meta charset="UTF-8">
    6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7.     <title>寄生继承</title>
    8. </head>
    9. <body>
    10. </body>
    11. </html>
    12. <script>
    13.     /**
    14.      * 一种思路
    15.      * 在原型的基础上增强了对象，返回新的构造函数
    16.      * 
    17.      * 缺点
    18.      *      无法传参
    19.      *      共享 ·引用类型值· 修改一个全部修改
    20.      *      没有用到原型 无法服用
    21.      */
    22.     function Fun(origin) {
    23.         let t = Object.create(origin);
    24.         t.name = 'my'
    25.         t.my = function () {
    26.             console.log(this);
    27.             return `this.name is ${this.name}`
    28.         };
    29.         return t; 
    30.     }
    31.     let origin = {
    32.         name: "前端伪大叔",
    33.         books: ["html", "css", "JavaScript"]
    34.     };
    35.     let fun = Fun(origin);
    36.     let fun1 = Fun(origin);
    38.     //  共享引用类型
    39.     fun.books.push('vue')
    40.     fun.books.push('react')
    41.     console.log(fun.books); //  (5) ["html", "css", "JavaScript", "vue", "react"]
    42.     console.log(fun1.books); //  (5) ["html", "css", "JavaScript", "vue", "react"]
    44. </script>