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需再刷新一下页面才能执行]
带参数的继承问题
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
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需再刷新一下页面才能执行]
带参数的继承问题
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
桃源资源网 Design By www.nqtax.com
暂无“不错的一篇关于javascript-prototype继承”评论...
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。