概念：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]

多重继承（混合类型）：

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

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>>

JS中的原型继承和多重继承的更多相关文章

  1. JS中的原型继承机制

    转载 http://blog.csdn.net/niuyongjie/article/details/4810835 在学习JS的面向对象过程中,一直对constructor与prototype感到很 ...

  2. js中的原型继承

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. js中的原型、继承的一些想法

    最近看到一个别人写的js类库,突然对js中的原型及继承产生了一些想法,之前也看过其中的一些内容,但是总不是很清晰,这几天利用空闲时间,对这块理解了一下,感觉还是有不通之处,思路上没那么条理,仅作为分享 ...

  4. [转] JS中简单的继承与多态

    这里讲了一个最最最简单的JS中基于原型链的继承和多态. 先看一下以下这段代码的实现(A是“父类”,B是“子类”): var A = function(){ this.value = 'a'; this ...

  5. javascript中的原型继承

    在Javascript面向对象编程中,原型继承不仅是一个重点也是一个不容易掌握的点.在本文中,我们将对Javascript中的原型继承进行一些探索. 基本形式 我们先来看下面一段代码: <cod ...

  6. 谈谈JS中的原型

    不知道大家对JS中的原型理解的怎么样,我想如果大家对JS中的原型对象以及prototype属性十分熟悉的话对后面原型链以及继承的理解会十分的容易,这里想和大家分享自己对其的理解,请先看下面这段代码O( ...

  7. 理解JavaScript中的原型继承(2)

    两年前在我学习JavaScript的时候我就写过两篇关于原型继承的博客: 理解JavaScript中原型继承 JavaScript中的原型继承 这两篇博客讲的都是原型的使用,其中一篇还有我学习时的错误 ...

  8. ECMAScript中的原型继承

    //ECMAScript中的原型继承//ECMAScript中的继承主要是依靠原型链实现的.(关于原型链的介绍,详见<高三>6.3.1章节 P162) //本文示例主要为了说明SubTyp ...

  9. js中的原型,原型链和继承

    在传统的基于Class的语言如Java.C++中,继承的本质是扩展一个已有的Class,并生成新的Subclass. 由于这类语言严格区分类和实例,继承实际上是类型的扩展.但是,JavaScript最 ...

随机推荐

  1. hbase 学习笔记一---基本概念

          说在前面,本文部分内容来源于社区官网经过适度翻译,部分根据经验总结,部分是抄袭网络博文,(不一一列举引用,在此致歉)一并列在一起,本文的目的,希望能总结出一些有用的,应该注意到的东西,基本 ...

  2. POJ 3312 Mahershalalhashbaz, Nebuchadnezzar, and Billy Bob Benjamin Go to the Regionals (水题，贪心)

    题意:给定 n 个字符串,一个k,让你把它们分成每组k个,要保证每组中每个字符串长度与它们之和相差不能超2. 析:贪心策略就是长度相差最小的放上块. 代码如下: #pragma comment(lin ...

  3. 微信小程序正式上线 可置于聊天窗口顶部

    历经一年的等待后,小程序在2017年1月9日凌晨终于揭开神秘面纱,正式上线. 微信小程序推广海报 随着小程序正式上线,用户现在可以通过二维码.搜索等方式体验到开发者们开发的小程序了. 用户只要将微信更 ...

  4. NHibernate - ICriteria 查询

    http://blog.knowsky.com/213234.htm http://blog.chinaunix.net/uid-20463341-id-1673509.html http://www ...

  5. Centos 6.5安装python3.5.1

    查看python的版本 #python  -V Python 2.6.6 1.下载Python-3.5.1 #wget https://www.python.org/ftp/python/3.5.1/ ...

  6. 基于RealSense的坐姿检测技术

    计算机的飞速普及,让人们将越来越多的工作放在计算机上去完成,各行各业,尤其是程序开发人员.文字工作者,在计算机上的工作时间越来越长,这种情况下不良的坐姿对颈肩腰椎都会产生很大影响,容易导致多种疾病的发 ...

  7. Template模式

    在开发时,有时会遇到对于一个算法的实现,在不同的对象中有不同的实现,可是这个算法的框架是同样的.这时能够使用Template模式或Strategy模式. Template是採用继承的方式来实现这一点, ...

  8. 手机调用系统的拍照和裁剪功能，假设界面有输入框EditText，在一些手机会出现点击EditText会弹出输入法，却不能输入的情况。

    1. 拍照裁剪后 点击EditText会弹出输入法,却不能输入.可是点击点一EdtiText就能够输入了,所以我就写了一个看不见的EdtiText,切换焦点,这样就攻克了这个奇怪的这问题,应该是and ...

  9. linux 下网站压力测试工具webbench

    一直在用webbench ,这个linux下的网站压力测试工具.整理下. 笔记本装的ubuntu,其他linux系统也差不多. webbench 需要先安装 ctags,一个vim的阅读插件,可以直接 ...

  10. gdb在运行maintenance info program-spaces命令时coredump

    coredump时的信息: (gdb) maintenance info program-spaces *** Error in `gdb': free(): invalid pointer: 0x0 ...