设为首页 加入收藏

TOP

Javascript继承机制的实现(二)
2017-10-13 10:50:24 】 浏览:911
Tags:Javascript 继承 机制 实现
otype.sayName=function(){ 6 document.write(this.name); 7 document.write("<br>"); 8 } 9 function cB(name,age){ 10 cA.call(this,name); 11 this.age=age; 12 }; 13 cB.prototype=new cA(); 14 cB.prototype.sayAge=function(){ 15 document.write(this.age); 16 document.write("<br>"); 17 } 18 var objB=new cB("Alan",27); 19 objB.sayName(); 20 objB.sayAge(); 21 document.write("is objB the instance of cA "+(objB instanceof cA)); 22 document.write("<br>"); 23 document.write("is objB the instance of cB "+(objB instanceof cB)); 24 document.write("<br>"); 25 </script> View Code

这里可以将属性封装在类体内,而方法利用原型方式定义,个人感觉,这是一个很好的设计方法,利用prototype定义的函数可以为多个对象重用,这里需要注意两点:cB类体内有cA.call(this,name);同时还要将cB原型赋为cB对象,即:cB.prototype=new cA();cA.call(this,name)同样相当于将cA类块内的代码复制于此,后面一句话又将cA的方法添加给cB,同时cB还可以追加自己的属性和方法。

以上是本次对java script继承机制的总结,不足之处望各位指正批评。

 

首页 上一页 1 2 下一页 尾页 2/2/2
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇读 Zepto 源码之集合元素查找 下一篇JavaScript DOM编程艺术(第二版..

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目