js实现多重继承的例子

最新推荐文章于 2022-03-13 20:58:31 发布
最新推荐文章于 2022-03-13 20:58:31 发布
阅读量1.6k 收藏
点赞数
分类专栏： 网页开发 文章标签： JAVASCRIPT
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/love_gaohz/article/details/8643719
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">

    //类
    function JsClassChild() {
        this.child = function () {
            return "JsClassChild.child";
        }
    };
    //定义一个javascript类  --------这里要求成员属性和方法必须使用this来引用---
    function JsClass(privateParam, publicParam) {//构造函数 
        var priMember = privateParam;   //私有变量 
        this.pubMember = publicParam;   //公共变量 
        // 定义私有方法
        function priMethod() {
            return "priMethod()";
        }
        // 定义特权方法
        this.pubMethod1 = function () {
            //both();              //这种公用方法可以调用私有方法和属性
            return "pubMethod1()";
        }
        // 定义特权方法 
        //特权方法可以访问所有成员
        this.privilegedMethod = function () {
            alert("privilegedMethod");
            var str = "这是特权方法，我调用了\n";
            str += "        私有变量：" + priMember + "\n";
            str += "        私有方法：" + priMethod() + "\n";
            str += "        公共变量：" + this.pubMember + "\n";
            str += "        公共方法：" + this.pubMethod();
            alert(str);
        }

        this.child = function () {
            return "JsClass.child";
        }
    }
    JsClass.prototype.pub = function () {

        return "JsClass.prototype.pub";
    }


    //类
    function JsClassChild2() {
        //继承两个类JsClass JsClassChild
        JsClass.call(this, " 3zfp ", 100);
        JsClassChild.call(this);

    };
    // 使用 JsClass的实例 
    JsClassChild.prototype = new JsClass(" 3zfp ", 100);
    JsClassChild2.prototype = new JsClassChild();
    var instance = new JsClassChild2();
    //instance.privilegedMethod();


    alert(instance.pubMember); //弹出pubMember信息  100
    alert(instance.pubMethod1()); //pubMethod1 
    alert(instance.pub()); //JsClassChild.pub 
    alert(instance.child()); //JsClassChild.pub 此时会屏蔽掉 JsClass.child（原因是JsClassChild.call(this);在 JsClass.call(this, " 3zfp ", 100);的后面）

</script>
</body>
</html>

helmsgao
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS多种继承方法
ABCFF12333的博客
06-20 903
1.原型链继承 将父类的实例作为子类的原型 Dog.prototype = new Animal(); //将Animal的实例挂载到了Dog的原型链上 //或： Dog.prototype = Object.create(Animal.prototype)
JS多重继承
Silence_JK的博客
02-05 1413
JS多重继承
JS通过原型实现多重继承
FengziTianYu的专栏
11-23 295
  /* * 声明一个动物类型 */ function Animal(){} // 为动物类创建一个aname属性 Animal.prototype.aname = "动物"; // 为动物类创建一个吼叫的方法 Animal.prototype.howl = function(word){ // 如果对象不存在aname属性，则使用原型链的aname （...
js实现多重继承
花神的博客
02-09 2062
原理： 将父类的实例，赋值给子类的原型和原型上一个属性superClass，将子类的实例赋值给孙类的原型和原型上一个属性superClass。 孙类实例继承了孙类，子类和父类原型上所有的属性和方法，并可以通过superClass向上访问原型链，同理，子类实例继承了子类和父类原型上的属性和方法，并可以通过superClass访问子类原型，是不是有点绕，没关系，下面给出了具体代码： &amp;lt;!DOC...
使用JS中的Call方法实现继承和多重继承
程序员Monkey的专栏
06-05 2307
call方法： 调用一个对象的一个方法，以另一个对象替换当前对象。 call([thisObj[,arg1[, arg2[, [,.argN]]]]]) thisObj 可选项。将被用作当前对象的对象。 arg1, arg2, , argN 可选项。将被传递方法参数序列。 说明 call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的
利用javascript中的call实现继承
10-31
而`sun`通过类似的方式继承了`suber`和`father2`的属性和方法，实现了多重继承。 然而，需要注意的是，`call`方法不会继承父类的私有变量。在JavaScript中，由于闭包的作用，私有变量只存在于定义它们的函数作用域...
重新理解JavaScript的六种继承方式
10-20
它可以支持多重继承，通过扩展原型链实现。然而，原型继承有两个主要问题： 1. 引用类型的属性会被所有实例共享，可能导致数据污染。 2. 无法在创建子类实例时向超类构造函数传递参数。 在实践中，开发者通常会结合...
JavaScript继承的特性与实践应用深入详解
10-17
多重继承是指一个对象可以继承多个父对象的属性和方法，而在JavaScript中可以通过原型链的叠加实现。组合继承则是结合了原型链继承和构造函数继承，以避免某些情况下可能出现的问题。 总的来说，JavaScript的继承...
trope:面向对象的 JS 适合所有人 - 充分利用 JavaScript 原型和附加功能（私有状态、多重继承和超级函数）
06-03
特征 例子对象工厂私有财产遗产多重继承原生 JS 兼容性自私的定义 对象工厂一个简单的对象工厂。 var Greeter = Trope ( { setName : function ( name ) { this . name = name ; } , sayHello : function ( ) { ...
JavaScript中的原型和继承详解(图文)
10-25
总的来说，JavaScript的原型和继承机制提供了一种不同于经典类继承的面向对象编程方式，它基于对象和原型链，允许动态地添加属性和方法，以及实现多重继承的效果，为开发者提供了强大的灵活性。虽然初学者可能会觉得...
JavaScript实现多重继承的方法分析
01-21
本文实例讲述了JavaScript实现多重继承的方法。分享给大家供大家参考，具体如下： 1. 定义一个空的父类构造函数，然后通过prototype的方式为该父类定义属性和方法 2. 定义一个空的子类的构造函数，然后将子类的原型绑定在父类的实例上，再将子类原型的父类也绑定在父类的实例上。通过prototype的方式为子类设置自己的属性和方法。 3. 定义一个空的孙类构造函数，然后将孙类的原型绑定到子类的实例上，再将孙类原型的父类绑定到子类的实例上。通过prototype方式为孙类定义自己的属性和方法。 4. 实例化一个孙类对象，通过调用该实例对象，调用自身的方法，也可以调用孙类的父类即文中的子类
用JavaScript实现单继承和多继承的简单方法
10-30
JavaScript是一种强大的多泛型编程语言，其融合了面向过程、面向对象和函数式编程于一身，具备强大的表现能力。
js中的继承实现
weixin_34290096的博客
10-14 168
今天学习js中的继承，《JavaScirpt高级程序设计》这本书真不错，学js的应该都有吧，呵呵在JavaScript中，继承可以用四种方式实现，1、对象冒充感觉这种方式利用了js中类和函数的模糊性，同是function关键字申明方法，既可以说他是函数，也可以说他是类，js太灵活了，下面的例子说明下:functionClassA(sColor){this.color=sColor;...
多重继承_这是我见过的最完美JS继承（单继承，多重继承）
weixin_35955473的博客
12-21 279
//父亲类 function Farther(first_name,last_name,age){ this.first_name = first_name; this.last_name = last_name; this.age = age; if(typeof this.sayName != "function"){ Farther.proto...
简单实现原生JS中的多重继承
Spade .
03-25 3216
原生JS中的多重继承
多重继承实例
闻所未闻，注意扇闻
04-20 597
# mixin.py #multipel inherit class Car (object): def drive(self): print 'car tcan be driven' class Big (Car): def weight (self): print 'big car is heavy' class Small (Car): def light (self):
JS中多继承的几种实现方法
Challenge Next Challenge
06-16 9388
先了模拟一下new操作符的作用： function Person(name){ this.name = name; } Person.prototype.say = function(){ console.log(this.name); } var p = new Person("KD"); p.say(); var obj = {} Object.setPrototypeOf(o
类的多重继承
weixin_30407099的博客
01-16 107
多重继承也就是子类可以继承多个父类，但如果要继承父类的__init__方法，多重继承最多只能继承其中一个父类的__init__方法 如下，我们定义两个父类 Talking 和 Thinking，然后用 People 这个子类去继承两个父类： #!/usr/bin/env python #-*- coding:utf-8 -*- class Talking(object): ...
js中call继承（多重继承）
qq_58517459的博客
03-13 148
function Aminal() { //this指向小cat this.eat = function () { console.log('吃东西'); } } function Bird() { this.fly = function () { console.log('飞翔'); } } function Cat() { /..
js class实现继承
最新发布
09-10
在JavaScript中，可以使用类(class)来实现继承。下面是一个示例代码，演示了如何在JavaScript中使用类实现继承： ```javascript // 父类 class Animal { constructor(name) { this.name = name; } eat() { ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值