面向对象的继承方式(汇总)

本文详细介绍了JavaScript中的五种继承方式:原型链、借用构造函数、组合继承、寄生式组合继承以及创建新对象增强实例。重点展示了如何通过原型链实现基础继承,以及寄生式组合继承的高效和灵活应用。
摘要由CSDN通过智能技术生成

第一种: 原型链的方式

       function Parent(name){
            this.name=name;
        }
        Parent.prototype.say=function(){
            console.log('saying');
        }
        function Child(name,age){
            this.name = name;
            this.age=age;
        }
        Child.prototype = new Parent();
        Child.prototype.constructor=Child;//修复
        var c1=  new Child('Tom',18);
        console.log(c1);
        console.log(c1.name,c1.age);
        console.log(Child.prototype.constructor);

第二种: 借用构造函数

        function Parent(name) {
            this.name =name;
        }

        function Child(name,age) {
            Parent.call(this);
            this.age = age;
        }

        var c1=  new Child('Tom',18);
        console.log(c1.name,c1.age);

第三种: 组合继承

       function Parent(name) {
            this.name = name;
            this.walk=function(){
                console.log('waking~~~');
            }
        }
        Parent.prototype.say = function () {
            console.log('saying~~~');
        }
        function Child(name, age) {
            Parent.call(this,name,age);
            this.age = age;
        }
        Child.prototype = new Parent();
        Child.prototype.constructor = Child;//修复
        var c1 = new Child('Tom', 18);
        console.log(c1.name, c1.age);
        c1.say()

第四种: 寄生式组合继承   ----最完美的继承的方法

       function Parent(name) {
            this.name = name;
            this.walk = function () {
                console.log('waking~~~');
            }
        }
        Parent.prototype.say = function () {
            console.log('saying~~~');
        }
        function Child(name, age) {
            Parent.call(this, name, age);
            this.age = age;
        }
        Child.prototype = Object.create(Child.prototype);
        Child.prototype.constructor = Child;//修复
        //在这里增加新方法
        var c1 = new Child('Tom', 18);
        console.log(c1.name, c1.age);
        c1.say()

第五种: 寄生式继承  ---了解即可

        function createAnother(original) {
            var clone = Object.create(original);    //通过调用函数创建一个新对象
            clone.sayHi = function () {               //以某种方式来增强这个对象
                alert("Hi");
            };

            return clone;                        //返回这个对象
        }
        
        var person = {
            name: "Bob",
            friends: ["Shelby", "Court", "Van"]
        };
        var anotherPerson = createAnother(person);
        anotherPerson.sayHi();
       // anotherPerson是基于person创建的一个新对象,新对象不仅具有person的所有属性和方法,还有自己的sayHi()方法。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值