javascript中最完美的继承方式
来源:互联网 发布:淘宝首页排版自定义 编辑:程序博客网 时间:2024/05/19 15:19
1、父类Sup
function Sup( name , age){
this.name = name ;
this.age = age ;
}
Sup.prototype = {
constructor: Sup ,
say: function(){
console.info('hello 我是父类!');
}
};
2、子类Sub
function Sub(name , age , gender){
//call 绑定父类的模版函数 实现 借用构造函数继承 只复制了父类的模版
Sub.superClass.constructor.call(this , name , age);
this.gender = gender ;
}
3、继承方法extends
function extends(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 ; //还原父类原型对象的构造器
}
}
// 只继承一遍父类的原型对象
extends(Sub , Sup);
// 给子类加了一个 原型对象的方法
Sub.prototype.say = function(){
console.info('hello 我是子类!');
}
var b = new Sub('柯南' , 25 , '女');
alert(b.name);
alert(b.gender);
Sub.superClass.say.call(b);
- javascript中最完美的继承方式
- JavaScript中的使用最频繁的继承方式
- javascript的继承方式
- JavaScript继承的方式
- JavaScript中继承方式详解
- JavaScript 完美继承
- 完美实现javascript继承
- javascript中实现对象继承的五种方式详解
- 实现JavaScript中继承的三种方式
- JavaScript中实现继承的几种方式
- JavaScript中实现继承的几种方式
- 实现JavaScript中继承的三种方式
- javascript继承对象的方式
- javascript实现继承的方式
- javascript实现继承的方式
- Javascript的继承方式详解
- 1. javascript继承的方式
- javascript实现继承的方式
- SSM框架——以注解形式实现事务管理
- LayoutInflater详解
- Android平台实现https信任所有证书的方法
- ASP.NET网站开发——类库的写法
- service的发布与接收
- javascript中最完美的继承方式
- [Erlang]多种方法接入远程shell控制台
- NDK下 将Platinum SDK 编译成so库 (android - upnp)
- js 判断数组中是否包含
- eclipse C++开发环境下怎样修改Author
- sublime_text 缩写插件Emmet(原zen coding)快捷键--转载
- 多主机搭建基于 Docker 运行的 Hadoop Cluster 总结
- Android登陆界面实现-支持输入框清楚和震动效果功能
- 安立公司推出业内频率范围最宽(从70kHz到110GHz)的4端口宽频VNA系统