借鉴prototype.js实现继承
2017-05-19 20:33
316 查看
<script type="text/javascript"> Object.fm=function(son,father){ //首先对内置对象设置一个方法 for(var arr in father){ //利用 for in 反射机制 son[arr]=father[arr];//将父类属性方法都给子类复制一套 实现继承 } return son; //返回引用 } Object.prototype.fm=function(json){ //然后对内置对象原型上添加一个方法 return Object.fm.apply(this,[this,json]) } //这样实例对象 也就会顺着原型链找到这个方法 //利用 apply,使用上面内置对象写好的方法 //试验 //第一个参数this 指向实例对象 第二个参数是数组 function People(){//数组里面第一个参数this指向实例对象 this.name='chenmin';//数组里面第二个参数是未来输入的json形式对象 this.sex='girl';//它做了这样的事 : this.age=22; //将未来输入的json形式对象属性方法 this.speak=function(){//利用for in 反射 一一赋值 alert('qzuishuai')//从而使未来实例对象具备这些属性方法 } //实例化对象本身就有的属性方法也不会被覆盖 } //最后返回这个实例对象的引用 People.prototype.skill='walk';//使用时 对实例对象使用 然后赋值给自己写的新对象 //然后新对象的实例化对象就实现了继承 function Woman(){//这次继承比较全面 不只是原型上的 } //ps:描述方面 可能不够专业 细致 Woman.prototype=(new People()).fm({ wb:'kawayi' }); //测试后 一切正常People有的Woman也都继承到了; var girl=new Woman(); alert(girl.wb);//kawayi alert(girl.sex);//girl alert(girl.skill);//go </script>
相关文章推荐
- js实现继承的练习 prototype原型继承
- JS中的prototype属性实现继承
- JS中的constructor与prototype(2)--js继承的实现原理
- js 用call或prototype实现类的继承
- js 采用prototype实现继承
- JS中的constructor与prototype(2)--js继承如何实现
- JS通过prototype实现继承的简单示例:
- js中用prototype实现继承
- js中的继承实现
- MSAJAX第三章-JS创建类(2)-继承类实现
- prototype.js实现AJAX小例子
- ext中有关继承的实现的关键代码如下:(Ext.js中)
- js的继承实现方式
- js中的继承实现
- js 继承(3 使用prototype.js)
- jQuery.js中继承的实现
- prototype-1.3.1框架中的类继承实现机制
- js中的继承实现
- prototype-1.3.1.js中的类继承实现的改进
- struts2+prototype.js实现ajax