zoukankan      html  css  js  c++  java
  • JavaScript prototype继承中的问题

    function Person(name,sex){
        this.name=name;
        this.sex=sex;
    }
    Person.prototype.showName=function(){
        console.log(this.name);
    }
    Person.prototype.showSex=function(){
        console.log(this.sex);
    }
    
    Person.prototype.walk=function(){
        console.log("向前走");
    }
    Person.prototype.language="汉语";
    //----------------------------------------------------
    
    function Worker(name,sex,job){
        Person.call(this,name,sex);//调用父类构造
        this.job=job;
    }
    
    /*
     如果子类Woker以 Worker.prototype=Person.prototype 这样的方式继承时
     采用原型链的方式,此方式的缺点就是:
     1、父类中也会子类中独有的方法;
        Person.prototype.showJob
    
     2、子类如果重写父类中的属性和方法,那么父类中的属性和方法就会被覆盖掉
        p1.walk();//向后走
        console.log(p1.language)//English
    
     所以为了避免影响父类中的方法,采用for in
     */
    
    //Worker.prototype=Person.prototype
    for(var i in Person.prototype){
        Worker.prototype[i]=Person.prototype[i];
    }
    
    Worker.prototype.showJob=function(){
        console.log(this.job);
    }
    
    Worker.prototype.walk=function(){//采用原型链的方式会覆盖掉父类中的方法
        console.log("向后走");
    }
    
    Worker.prototype.language="English";
    
    
    var p1=new Person("blue","男")
    p1.showName();//blue
    p1.showSex();//
    p1.walk();//向前走
    console.log(p1.language)//汉语
    
    console.log(Person.prototype.showJob)//undefined  如果采用 Worker.prototype=Person.prototype 那么Person类中就有子类showJob独有的方法
    
    var oWk=new Worker("John","男","设计师")
    oWk.showName();
    oWk.showSex();
    oWk.showJob();
    oWk.walk();
    console.log(oWk.language)//English
  • 相关阅读:
    Android虚拟、实体键盘不能同时使用?
    libwebsockets 运行问题
    Qt TabWidget QTabBar 宽高设置
    I.MX6 recovery mode hacking
    libwebsockets libwebsockets-webserver.c hacking
    MySQL(六)常用语法和数据类型
    MySQL(五)汇总和分组数据
    MySQL(四)字段及常用函数
    MySQL(三)用正则表达式搜索
    MySQL(二)数据的检索和过滤
  • 原文地址:https://www.cnblogs.com/eaysun/p/4422377.html
Copyright © 2011-2022 走看看