zoukankan      html  css  js  c++  java
  • JS中的原型继承和多重继承

    概念:1原型继承是创建新类型对象----子类型,子类型基于父类型,子类型拥有父类型所有的属性和方法(从父类型继承得到),然后修改其中的部分内容或者添加新的内容。继承最好在子类型模型可以被视为父类型对象的时候使用。

        2从多个父类型中派生出一个对象类型称为多重继承。

    原型继承:

    使用new关键字和构造函数的prototype属性都是定义类型的特定方式,这些是我们到目前为止一直使用的,对于简单的对象,这种方式还是很好的,但是当程序过度使用继承时,这种创建对象的方法很快就显得笨拙了。所以增加一些函数作为常用操作符可以使其顺利一些。例如很多人都在对象上定义inherit方法和method方法。

            Object.prototype.inherit=function(baseConstructor){
                this.prototype = clone(baseConstructor.prototype);
                this.prototype.constructor=this;
            };
            Object.prototype.method=function(name,func){
                this.prototype[name]=func;
            };    


    有了上面的信息,就可以像下面这样编码

            function StrangeArray(){}
            StrangeArray.inherit(Array);
            StrangeArray.method("push",function(value){
                Array.prototype.push.call(this,value);
                Array.prototype.push.call(this,value);
            });
            var strange=new StrangeArray();
            strange.push(4);//输出[4,4]


    多重继承(混合类型):

    实现多重继承的方式很多,下面的一个小例子是比较简单的而且多数情况下都适用的。

    mix-in是一种特殊的原型,它可以混入到其他的原型里。SmallItem可以看做这样的一个原型。通过将它的方法复制到另一个原型里,其自身也混入了那个复制方法的原型。

            function mixInto(object,mixIn){
                forEachIn(mixIn,function(name,value){
                    object[name] = value;
    
                });
            };
            var SmallDetailedItem = clone(DetailedItem);
            mixInto(SmallDetailedItem,SmallItem);
    
            var deadMouse = SmallDetailedItem.create("Fred the mouse","he is dead");
            deadMouse.inspect();
            deadMouse.kick();

    还有下面的例子就是三种继承的实现。

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
        <script>
    //The first way
    function Person(name) { this.name = name; } Person.prototype.getName = function() { return this.name; } function Author(name, books) { this.books = books; } Author.prototype=new Person(name); Author.prototype.constructor=Author; Author.prototype.getBooks = function() { return this.books; } var au1=new Author("dororo1","Learn much"); var au2=new Author("dororo2","Learn less"); alert(au1.getName()); alert(au2.getName()); //The second way function Person(name) { this.name = name; } Person.prototype.getName = function() { return this.name; } function Author(name, books) { this.inherit=person; this.inherit(name); this.books = books; } var au=new Author("dororo","Learn much"); alert(au.getName()) ; //The thrid way function Person(name) { this.name = name; } Person.prototype.getName = function() { return this.name; } function Author(name, books) { this.base = new Person(name); for(var key in this.base){ if(!this[key]){ this[key]=this.base[key]; } } this.book=books; } var au1=new Author("dororo1","work"); var au2=new Author("dororo2","play"); alert(au1.getName()); alert(au2.getName()); au1.book; au2.book; </script> </head> <body> </body> </html>

     *part of the article from <<Eloquent JavaScript>>

  • 相关阅读:
    JQuery常用函数方法全集
    从零开始学习jQuery (三) 管理jQuery包装集
    Jquery选择器总结
    oracle常用函数总结
    普通Java类获取Spring的Bean的方法
    AtCoder Beginner Contest 173 A
    HDU 5974 A Simple Math Problem
    Codeforces Round #655 (Div. 2) B. Omkar and Last Class of Math
    Codeforces Round #655 (Div. 2) A. Omkar and Completion
    SWPU信息学院团体程序设计竞赛题解
  • 原文地址:https://www.cnblogs.com/s-z-y/p/4490769.html
Copyright © 2011-2022 走看看