javascript继承实现
来源:互联网 发布:淘宝子账号怎么创建 编辑:程序博客网 时间:2024/05/21 08:04
使用javascript写自己的继承方法,主要用到javascript原型和构造方法方面的知识。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK" /><title>使用javascript实现继承</title><script type="text/javascript" charset="GBK">//sub是子类,sup是父类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);//父类的方法</script></head><body></body></html>
0 0
- [ JavaScript ] JavaScript 实现继承.
- 实现JavaScript的继承
- javascript 继承实现方法
- javascript 继承实现方式
- Javascript系列:实现继承
- javascript继承实现方法
- javascript 继承实现方法
- javascript 继承实现方法
- javascript 继承实现方法
- javascript 实现继承
- javascript实现继承
- javascript 继承实现方法
- javascript实现继承
- javascript 继承实现方式
- JavaScript继承的实现
- Javascript继承实现方式
- javascript【继承实现方式 】
- javascript继承实现
- Unity uGUI鼠标击穿检测
- CentOS下配置ssh免密码登录
- 详解UML中的6大关系(关联、依赖、聚合、组合、泛化、实现)
- LightOJ 1027 - A Dangerous Maze (期望)
- 20131215-20140107XP、Win7下第一个Java程序(2014-01-18)
- javascript继承实现
- C#学习笔记 变量和常量
- win7忘记密码不用工具进入
- hdu 4474 Yet Another Multiple Problem
- const 限定符
- C语言预处理 # 和## 运算符
- java异常
- 软件工程第三次作业
- Keil和IAR下查看占用Flash和SRAM空间大小的方法