zoukankan      html  css  js  c++  java
  • javaScript-继承2种方式

     1、组合继承

    组合继承带来的问题很明细就是父类的构造函数会调用两次,如:
    function Person(name, age, sex) {
    this.name = name;
    this.age = age;
    this.sex = sex;
    this.color=["red","blue","green"];
    
    }
    Person.prototype.sayHello=function(){ console.log("hello word!")};
    
    function Man(name,age,sex,job){
    Person.call(this,name,age,sex);// 第二次
    this.job=job;
    }
    Man.prototype=new Person();//第一次
    var instance=new Man("张三",20,"男","农民");
    instance.color.push(
    "black"); console.log(instance.color);//["red", "blue", "green", "black"] console.log(instance.job);//农民 console.log(instance.sayHello);//hello word! var instance2=new Man("张三",20,"男","地主"); console.log(instance2.color); //["red", "blue", "green"] console.log(instance2.job);//地主 console.log(instance2.sayHello);//hello word!

    2、寄生组合式继承

    js中继承的本质是对象的内部属性_proto_ 指向原型对象,那么解决组合继承的问题其实很简单,我们只要克隆一个父类的原型对象来代替这句代码 

    Man.prototype=new Person();

    那理论是不是也是可以的呢?

    继续看代码:

    //寄生组合式继承
        function inheritPrototype(child,parent){
            var prototype=Object(parent.prototype);// 第一步:创建一个变量接收父类原型对象
            prototype.constructor=child;// 第二步:原型对象构造指向子类
            child.prototype=prototype;// 第三步:用父类副本的原型对象重写子类原型对象
        }
    
        //基类
        function Person(name, age, sex) {
            this.name = name;
            this.age = age;
            this.sex = sex;
            this.color=["red","blue","green"];
        }
    Person.prototype.sayHello
    =function(){ console.log("hello word!")}; //子类 function Man(name,age,sex,job){ Person.call(this,name,age,sex);//继承属性 this.job=job; } inheritPrototype(Man,Person);// 继承原型方法 var instance=new Man("张三",20,"男","农民"); instance.color.push("black");// 数组添加一个元素 console.log(instance.color);//["red", "blue", "green", "black"] console.log(instance.job);//农民 console.log(instance.sayHello);//hello word! var instance2=new Man("张三",20,"男","地主"); console.log(instance2.color); //["red", "blue", "green"] console.log(instance2.job);//地主 console.log(instance2.sayHello);//hello word!

    事实证明这样处理是可以的。寄生组合式继承只调用一次Person 构造函数,与此同时还原型链还能保持不变;普遍认为这是最理想的继承模式了;

  • 相关阅读:
    MySQL Explain优化
    mysql联合索引
    MySQL索引类型
    php常用的排序算法与二分法查找
    mysql 主从复制(mysql双机热备的实现)
    mysql 主从复制 (2)
    Linux 查看进程之PS命令
    PHP isset 和 array_key_exists 对比
    Linux md5sum 的用法
    Linux Sphinx 安装与使用
  • 原文地址:https://www.cnblogs.com/CandyManPing/p/5445959.html
Copyright © 2011-2022 走看看