不错的一篇关于javascript-prototype继承_prototype

1.最基本的用法 把ClassA的一个实例赋值给ClassB,
ClassB就继承了ClassA的所有属性。
代码入下:

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

2.从原型继承理论的角度去考虑, 
js的原型继承是引用原型,不是复制原型,
所以,修改原型会导致所有B的实例的变化。
代码如下:

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

3.然而 子类对象的写操作只访问子类对象中成员,
它们之间不会互相影响,因此,
写是写子类 读是读原型(如果子类中没有的话)。

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

4.每个子类对象都执有同一个原型的引用,
所以子类对象中的原型成员实际是同一个。

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

5.构造子类时 原型的构造函数不会被执行

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

6.接下来是致命的,在子类对象中访问原型的成员对象:

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

7.所以 在prototype继承中 原型类中不能有成员对象! 所有成员必须是值类型数据(string也可以)
用prototype继承有执行效率高,不会浪费内存,为父类动态添置方法后子类中马上可见等的优点。

8.prototype继承是通过把子类的原型对象(prototype)设置成父类的一个实例来进行继承的。

9.prototype继承也有四个比较明显的缺点:
  缺点一:父类的构造函数不是像JAVA中那样在给子类进行实例化时执行的,而是在设置继承的时候执行的,并且只执行一次。这往往不是我们希望的,特别是父类的构造函数中有一些特殊操作的情况下。
  缺点二:由于父类的构造函数不是在子类进行实例化时执行,在父类的构造函数中设置的成员变量到了子类中就成了所有实例对象公有的公共变量。由于JavaScript中继承只发生在“获取”属性的值时,对于属性的值是String,Number和Boolean这些数据本身不能被修改的类型时没有什么影响。但是Array和Object类型就会有问题。
  缺点三:如果父类的构造函数需要参数,我们就没有办法了。
  缺点四:子类原本的原型对象被替换了,子类本身的constructor属性就没有了。在类的实例取它的constructor属性时,取得的是从父类中继承的constructor属性,从而constructor的值是父类而不是子类。

10.可以针对prototype的缺点进行改造
比如把它写成Function对象的一个方法,这样用的时候方便。

Function.prototype.Extends = function (parentClass)
{
  var Bs = new Function();
  Bs.prototype = parentClass.prototype;
  this.prototype = new Bs();
  this.prototype.Super = parentClass;
  this.prototype.constructor = this;
}

希望各位 js 高手能把更好的方式介绍给大家
针对第3,6个

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

针对继承,
Array.prototype 就不能继承 ClassA,ClassB

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

带参数的继承问题

aaa

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

时间: 2024-11-01 20:36:32

不错的一篇关于javascript-prototype继承_prototype的相关文章

JavaScript 原型继承之构造函数继承_javascript技巧

上回说到<JavaScript 原型继承之基础机制>,这一篇将具体说说构造函数的继承. 从一个简单的示例开始,创建描述人类的 People 构造函数: 复制代码 代码如下: function People(){ this.race = '愚蠢的人类'; } 然后,创建描述黄种人的 Yellow 构造函数: 复制代码 代码如下: function Yellow(name, skin){ this.name = name; this.skin = skin; } 要使得黄种人 Yellow 能继承

JavaScript prototype属性详解_javascript技巧

每个函数都有一个prototype属性,这个属性是指向一个对象的引用,这个对象称为原型对象,原型对象包含函数实例共享的方法和属性,也就是说将函数用作构造函数调用(使用new操作符调用)的时候,新创建的对象会从原型对象上继承属性和方法. 私有变量.函数在具体说prototype前说几个相关的东东,可以更好的理解prototype的设计意图.之前写的一篇JavaScript 命名空间博客提到过JavaScript的函数作用域,在函数内定义的变量和函数如果不对外提供接口,那么外部将无法访问到,也就是变

javascript原型继承工作原理和实例详解_javascript技巧

先为大家分享JS原型继承实例,供大家参考,具体内容如下 一.JS原型继承 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JS原型继承</title> </head> <body> <!--原型继承--> <script type="text/javascript"> //cl

学习NodeJS第五天:JavaScript的继承

    人们接触 JavaScript,都被他单纯的外表给骗了,殊不知,一下子又 FP 又 OO 又前台又跑到后台,活蹦乱跳.一旦你遇到某些障碍,面对的 JavaScript 也表现得脾气好,你怎么弄它,改造它,它也不会生气,却太容易让人迷惑,造成生气的居然是你或者我.真不知道是你玩 JS 还是变成 JS 玩你--     许多人被 JS "蛊惑"过之后,深感不爽,立意要重新改造乃万恶的 JS,首当其冲抓住的是便是"原型继承(Prototypical Inherit)&quo

javascript类继承的一些实验

其实一开始编js没怎么用过对象,一般都用func,func,func···但是用多了,感觉代码一点都不美观,还要这里包一个函数,那里包一个 函数,或者一直都是函数调用,不好看,而且一些重用的都要重写的话就很麻烦(不好意思,对于我这种新手,开始还是一般用func比较高效率···).所以 就决定开始要用object来编程才能更省事,下面就是我看了一些博客文章关于类的见解,有什么不对的希望各位可以多多给些指点: 对于类的编程,声明的方法有如下几种:1.var test = function(){};2

javascript原型继承中两种方法的简介和对比

在实际的项目中,我们通常都是用构造函数来创建一个对象,再将一些常用的方法添加到其原型对象上.最后要么直接实例化该对象,要么将它作为父类,再申明一个对象,继承该父类. 而在继承的时候有两种常用方式,今天我们就来稍作探讨 //父类 function Person(name){ this.name = name; }; // 子类 function Student(sex){ Person.apply(this,arguments); //继承父类的构造函数 this.sex=sex; }; 1,继承

JavaScript中继承用法实例分析

  本文实例分析了JavaScript中继承的用法.分享给大家供大家参考.具体如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 // define the Person Class function Person() {} Person.prototype.walk = function(){ alert ('I am walking!'); }; Person

JavaScript 的继承_javascript技巧

[废话] 面试时被经理问到其中一个问题让我印象很深刻,因为我想了很久没能答上来.题目是 JavaScript是怎样实现继承的? 面向对象是在开发过程中一直使用的,因此,继承也是最基础的一部分,自己开始接触JS到现在差不多两年多了,这个基础我竟然都没过关,看来我的理论功还要加大力度提升啊!!!我重新查了资料,终于深刻理解下来了.废话就这么多了,Coding Action... [正文] 大家都知道,C#中使用的是传统的类继承是很简单,但在JS中,可就没这么简单了,因为它使用的是原型(prototy

TDD测试驱动的javascript开发(3) ------ javascript的继承

说起面向对象,人们就会想到继承,常见的继承分为2种:接口继承和实现继承.接口继承只继承方法签名,实现继承则继承实际的方法. 由于函数没有签名,在ECMAScript中无法实现接口继承,只支持实现继承. 1. 原型链 1.1 原型链将作为实现继承的主要方法,基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法. 构造函数---原型---实例 之间的关系: 每一个构造函数都有一个原型对象,原型对象包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针. function Sup