首页 > 其他分享 >js实现多重继承

js实现多重继承

时间:2022-08-21 16:11:38浏览次数:57  
标签:多重 父类 name Parent 继承 js say superClass prototype

定义一个空的父类构造函数,然后通过prototype为该父类添加属性和方法

function Person(){}
Person.prototype.name = "人";// 为人类创建一个name属性
Person.prototype.say = function(content){// 为人类创建一个说话的方法
    if(!this.name){  // 如果对象不存在name属性,则使用原型链的name
        this.name = this.__proto__.name;
    }
    console.log("我是" + this.name + ",我想说"+content);
};

定义一个空的子类构造函数,然后将子类原型绑定到父类实例上,再将子类原型的父类(prototype.superClass)绑定到父类的实例上;再通过prototype为子类设置属性方法

function Parent(){}
Parent.prototype = new Person();   // 设置Parent类继承Person类
Parent.prototype.superClass = new Person();// 设置superClass保存父类Person的方法属性
Parent.prototype.name = "父辈类";// 设置Parent类的name属性
Parent.prototype.say = function(){// 设置Parent类自己的 say 方法
    console.log("我是Parent类的say方法!");
};

定义一个空的孙类构造函数,然后将孙类原型绑定到子类实例上,再将孙类圆形的父类(prototype.superClass)绑定到子类实例上;再通过prototype为孙类设置属性方法

function Child(){}

Child.prototype = new Parent();// 设置Child类继承Parent类

Child.prototype.superClass = new Parent();// 设置superClass保存父类Parent的方法属性
Child.prototype.say = function(){   //设置Child类自己的say方法
    console.log("我是Child类的say方法!");
}

实例化一个孙类构造函数的实例对象,然后调用该实例对象,调用自身的方法,也可以调用其父类即此例中的子类的方法,或者调用最大父类即此例中的父类的方法;也可以为当前对象添加属性和方法

var c = new Child();// 实例化一个Child对象
c.say();   // 调用自身原型的say方法,输出:我是Child类的say方法!
c.superClass.say(); // 调用父类Parent的say方法,输出: 我是Parent类的say方法!
c.superClass.superClass.say("哈哈");// 直接调用最大的父类Person的say方法(方法中的this指向Person),输出:我是人,我想说哈哈"

// 用call调用最大的父类Person的say方法(方法中的this指向实例化对象c,但此时c并没有name属性,所以this.name用的是Parent的name)
c.superClass.superClass.say.call(c,"嘻嘻"); // 输出:我是父辈类,我想说嘻嘻

c.name = "子类实例";// 给当前对象增加name属性

// 还是用call调用最大父类Person的say方法(此时c对象中已经有name属性);
c.superClass.superClass.say.call(c,"我是子类的实例化对象"); // 输出:我是子类实例,我想说我是子类的实例化对象

 

标签:多重,父类,name,Parent,继承,js,say,superClass,prototype
From: https://www.cnblogs.com/qianduan-Wu/p/16610159.html

相关文章

  • js基础之call、apply
    call与apply的异同相同点:1、都可以用来修改函数内部的this指向2、都会立即执行函数不同点:1、传参方式不同第一个参数都是传递需要指向的obj,之后的传递参......
  • JSON解析器Jackson
    JSON解析器JacksonJSON解析器:常见的解析器:Jsonlib,Gson,fastjson,jacksonnjava对象转为JSON使用步骤导入jackson的相关jar包创建Jackson核心对象ObjectMapper调用ob......
  • js小项目
    1.点击图片换壁纸《ulclass="a">《li>《imgsrc="E://图片//0.png">《/li>《li>《imgsrc="E://图片//1.png">《/li>《li>《imgsrc="E://图......
  • JAVA对象与JSON转换的各种方法-fastjson
    1<!--https://mvnrepository.com/artifact/com.alibaba/fastjson-->2<dependency>3<groupId>com.alibaba</groupId>4<artifactId>fastjson</artifactId>......
  • JSON概念和语法定义
    JSON概念概念:JavaScriptObjectNotationJavaScript对象表示法Personp=newPerson();p.setName("张三“);p.setAge(23);p.setGender("男");varp={"name":"张三"......
  • JSON数据和Java对象的相互转换
    JSON数据和Java对象的相互转换JSON解析器创建的解析器:Jsonlib,Gson,Fastjson,jacksonJSON转为Java对象使用步骤:导入jackson相关的jar包创建Jackson革新对象Obje......
  • json转java对象以及校验用户名是否存在案例
    json转java对象使用步骤:1、导入jackson的相关jar包2、创建Jackson核心对象ObjectMapper3、调用ObjectMapper的相关方法进行转换1、readValue(js......
  • JSON_语法_值得获取
    JSON_语法_值得获取json对象.键名json对象["键名"]数据对象[索引]获取值:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</......
  • chunk-vendors.js优化
    chunk-vendors.js优化对于打包来说,chunk-vendors文件大导致加载熟读慢的优化。是很常见的,在我的项目开发中,实际没有没有引用太多的三方插件。但是总体积为900kb。加载耗时......
  • AJAX_概念和AJAX原生js方式
    AJAX_概念概念:ASynchronousJavaScriptAndXML异步的JavaScript和XML异步和同步:客户端和服务器端相互通信的基础上客户端必须等待服务器端的响应在等待期间客户端......