JS中的原型继承和多重继承

浏览数：18 / 时间：2015年06月09日

概念：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>
       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());




       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()) ;






       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>