实例对象和原型对象继承组合继承

秒速五厘米 2022-05-15 04:41 238阅读 0赞

<script>
            //一,实例对象中的属性和原型对象中的属性相同的问题
            function Person(name, age,sex) { 
                this.name= name;
                this.age= age;
                this.sex = sex;
            }
            /**JS是一门动态的语言,只要使用了对象点，就产生了属性，如果没有赋值就会为null*/
            Person.prototype.sex = "女";
            let per = new Person("lily", 25, "男");
            console.log(per.name);
            console.log(per.age);
            console.log(per.sex);
            /** * 实例对象访问属性，首先是从实例对象中找,找到了就直接用，找不到就通过原型对象来找。 *1, 通过实例对象是不能改变原型对象中的属性中 * 2,想要改变原型对象中的值，就通过原型对象.属性来改变 */
            console.log("--------------------------------------------");
            //二，继承
            function People(name, age, sex) { 
                this.name = name;
                this.age = age;
                this.sex = sex;
            }
            People.prototype.eat = function () { 
                console.log("人吃东西")
            };
            People.prototype.sleep = function () { 
                console.log("人在睡觉")
            };
            People.prototype.play = function () { 
                console.log("人在玩")
            };
    
            function Student(score) { 
                console.log("小明得了"+score+"分.....")
            }
            Student.prototype = new People("丽丽", 26, "女");
            Student.prototype.study=function () { 
                console.log("学习很累很累的哦.");
            };
            Student.prototype.playgame = function () { 
                console.log("小明喜欢玩游戏")
            };
            let stu = new Student(29);
            console.log(stu.sex);
            console.log(stu.name);
            console.log(stu.age);
            stu.study();
            stu.play();
            stu.sleep();
            stu.eat();
            // 继承案例
            function Animal(name, weight) { 
                this.name = name;
                this.weight = weight;
            }
            Animal.prototype.eat = function () { 
                console.log("天天吃东西,就是吃")
            };
            function Dog(color) { 
                this.color = color;
            }
            Dog.prototype = new Animal("哮天犬", "50kg");
            Dog.prototype.bitePerson = function () { 
                console.log("哼 往往咬死你")
            };
            //哈士奇
            function ErHa(sex) { 
                this.sex = sex;
            }
            ErHa.prototype = new Dog("黑白色");
            ErHa.prototype.playHost = function () { 
                console.log("能陪主人玩的很开心")
            };
            let erha = new ErHa("男");
            console.log(erha.name,erha.weight,erha.color);
            erha.playHost();
            //三 以上的这种继承是不能继承原型属性的，所以这里需要采用组合继承来实现相关的功能
            function Father(name, age, sex) { 
                this.name = name;
                this.age = age;
                this.sex = sex;
            }
            Father.prototype.smoke = function () { 
                console.log("长辈喜欢抽烟")
            };
            function Son(name, age, sex, study) { 
                Father.call(this.name,age,sex);
                this.study = study;
            }
            Son.prototype = new Father();//这里不用写
            Son.prototype.eat = function () { 
                console.log("吃东西")
            };
            let st = new Son("lili" , "男" ,25 , "学习");
            st.eat();
            st.smoke();
    
        </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，238人围观）

还没有评论，来说两句吧...

相关阅读

相关对象进阶-继承、原型-原型链

工厂方法创建对象我们之前已经学习了如何创建一个对象，那我们要是想要创建多个对象又该怎么办？聪明的同学可能会说，直接在写几个对象不就好了吗？比如下边的代码： var

旧城等待，/ 2024年03月16日 14:53/ 0 赞/ 144 阅读

相关面试向：原型、原型链、构造函数、继承、实例对象

目录 0.关系图【重点】： 1.原型（原型对象） 1.1 是什么？ 1.2 作用 2.原型链 2.1 是什么？ 2.2 作用？ 2.3 特点 3.构造函数

旧城等待，/ 2023年10月03日 12:43/ 0 赞/ 11 阅读

相关原型对象的继承

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

素颜马尾好姑娘i/ 2023年07月16日 03:36/ 0 赞/ 17 阅读

相关 javascript （对象继承）原型链

Js所有的函数都有一个prototype属性，这个属性引用了一个对象，即原型对象，也简称原型。这个函数包括构造函数和普通函数. JS中的继承，子函数通过把父

青旅半醒/ 2022年07月17日 03:56/ 0 赞/ 277 阅读

相关高级面向对象之原型继承

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>原型继

- 日理万妓/ 2022年06月14日 06:51/ 0 赞/ 265 阅读

相关原型对象与继承（原型链）

最近秋招有点压抑，在技术面的时候面试官问了很多我还不太懂的东西。不是说完全不懂，就是实现原理还是很不行。就原型对象和继承（原型链）来说，我大概知道是什么回事，但是要我真的详细讲

布满荆棘的人生/ 2022年06月07日 10:06/ 0 赞/ 337 阅读

相关实例对象和原型对象继承组合继承

<script> //一,实例对象中的属性和原型对象中的属性相同的问题 function Person(name, ag

秒速五厘米/ 2022年05月15日 04:41/ 0 赞/ 239 阅读

相关 JavaScript 原型对象、原型链继承简单理解，使用

![在这里插入图片描述][70] 非常简单的直接用代码说一下个人对原型对象的理解 <!DOCTYPE html> <html lang="en">

た入场券/ 2022年02月20日 09:38/ 0 赞/ 359 阅读

相关 js(面向对象，继承与原型对象)

一.定义：程序用来描述的生活中的具体事务（对象：是封装一个事物属性与功能的程序结构）；主要是用于大程序的维护二.创建面向对象 1.自定义对象直接量（创建对象）

今天药忘吃喽~/ 2021年12月15日 13:01/ 0 赞/ 361 阅读

相关 ES5中的类和静态方法继承（原型链继承、对象冒充继承、原型链+对象冒充组合继承）

<!doctype html> <html> <head> <meta charset="utf-8"> <meta n

港控/mmm°/ 2021年11月19日 13:34/ 0 赞/ 398 阅读