作家
登录

javascript 面向对象继承

作者: 来源:www.28hudong.com 2013-03-30 02:06:46 阅读 我要评论

在prototype框架中的类继承实现机制 复制代码 代码如下: //为Object类添加静态方法:extend Object.extend = function(destination, source) { for(property in source) { destination[property] = source[property]; } return destination; } //通过Object类为每个对象添加方法extend Object.prototype.extend = function(object) { return Object.extend.apply(this, [this, object]); } Object.extend方法很容易理解,它是Object类的一个静态方法,用于将参数中source的所有属性都赋值到destination对象中,并返回destination的引用。下面解释一下Object.prototype.extend的实现,因为Object是所有对象的基类,所以这里是为所有的对象都添加一个extend方法,函数体中的语句如下: Object.extend.apply(this,[this,object]); 这一句是将Object类的静态方法作为对象的方法运行,第一个参数this是指向对象实例自身;第二个参数是一个数组,包括两个元素:对象本身和传进来的对象参数object。函数功能是将参数对象object的所有属性和方法赋值给调用该方法的对象自身,并返回自身的引用。有了这个方法,下面看类继承的实现: 复制代码 代码如下: <script language="JavaScript" type="text/javascript"> <!-- //定义extend方法 Object.extend = function(destination, source) { for (property in source) { destination[property] = source[property]; } return destination; } Object.prototype.extend = function(object) { return Object.extend.apply(this, [this, object]); } //定义class1 function class1(){ //构造函数 } //定义类class1的成员 class1.prototype={ method:function(){ alert("class1"); }, method2:function(){ alert("method2"); } } //定义class2 function class2(){ //构造函数 } //让class2继承于class1并定义新成员 class2.prototype=(new class1()).extend({ method:function(){ alert("class2"); } }); //创建两个实例 var obj1=new class1(); var obj2=new class2(); //试验obj1和obj2的方法 obj1.method(); obj2.method(); obj1.method2(); obj2.method2(); //--> </script> 从运行结果可以看出,继承被正确的实现了,而且派生类的额外成员也可以以列表的形式加以定义.

  推荐阅读

  JavaScript 闭包在封装函数时的简单分析

wbkt2t最近发现了一个新名词:闭包。(自己落后了,要好好学习才行),baidu、google看了一下原理和实例,也明白了闭包的强大。JQuery也把闭包发扬光大了,网上一些个人开发的框架都是用了闭包了功能。知道了闭包的>>>详细阅读


本文标题:javascript 面向对象继承

地址:http://www.17bianji.com/kaifa2/JS/27616.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)