关于 javascript 中 继承的 一个 小 示例
来源:互联网 发布:理财网站源码交易平台 编辑:程序博客网 时间:2024/06/07 19:35
function extend(sub ,sup){ // 目的: 实现只继承父类的原型对象 var F = new Function();// 1 创建一个空函数 目的:空函数进行中转 F.prototype = sup.prototype; // 2 实现空函数的原型对象和超类的原型对象转换 sub.prototype = new F(); // 3 原型继承 sub.prototype.constructor = sub ; // 4还原子类的构造器 //保存一下父类的原型对象: 一方面方便解耦 另一方面方便获得父类的原型对象 sub.superClass = sup.prototype; //自定义一个子类的静态属性 接受父类的原型对象 //判断父类的原型对象的构造器 (加保险) if(sup.prototype.constructor == Object.prototype.constructor){ sup.prototype.constructor = sup ; //手动欢迎父类原型对象的构造器 }}// 混合继承:原型继承和借用构造函数继承function Person( name , age){this.name = name ; this.age = age ; }Person.prototype = {constructor: Person ,sayHello: function(){alert('hello world!');}};function Boy(name , age , sex){//call 绑定父类的模版函数 实现 借用构造函数继承 只复制了父类的模版Boy.superClass.constructor.call(this , name , age);this.sex = sex ;}//原型继承的方式: 即继承了父类的模版 又继承了父类的原型对象//Boy.prototype = new Person();// 只继承一遍父类的原型对象extend(Boy , Person);// 给子类加了一个 原型对象的方法Boy.prototype.sayHello = function(){alert('hi javascript!');}var b = new Boy('张三' , 20 , '男');alert(b.name); alert(b.sex);//b.sayHello();Boy.superClass.sayHello.call(b);//alert(Boy.superClass.constructor);// 混合继承的缺点: 3件事 : 继承了父类的2次模版 , 继承了一次父类的原型对象// extend方法 2件事: 继承1次父类的模版 继承一次父类的原型对象
0 0
- 关于 javascript 中 继承的 一个 小 示例
- javascript中实现继承的示例
- javascript中实现继承的示例二
- 关于私有继承的一个小例子
- Java关于继承的一个小疑问
- 关于JavaScript面向对象的一个示例
- javascript中关于继承的例子
- PLSQL中关于包的一个示例
- 关于java内部类的继承的一个小问题
- 关于javascript的继承
- 关于多线程出现安全问题的一个小示例
- JavaScript中eval的一个小技巧
- JavaScript继承的小例子
- 关于类继承中子类方法比父类方法丰富,一个引用值传递的小问题
- Android中继承View的研究(一) -- 一个小Demo
- CSS中关于属性值继承的小问题
- javascript中关于DOM的代码示例及相关笔记
- 关于javascript的原型继承
- ios学习开源代码系列(二)ifengNewsOrderDemo
- windows 查看端口占用
- Android判断GPS是否开启和强制帮用户打开GPS
- Android开源项目,圆形ImageView之CircleImageView
- PHP漏洞全解(一)-PHP网站的安全性问题
- 关于 javascript 中 继承的 一个 小 示例
- 嵌入式中的BSP---BSP到底是什么?
- java编码转换
- Delphi XE5 调用AndroidAPI实现短信发送
- SVN的使用
- 使用socat实现Linux虚拟串口
- XML的DOM解析 求解!该如何处理
- 【LeetCode】Candy
- 队列应用场景,自己实现队列(二)