js中的各种继承方式 prototype call apply 冒充法

<script>
//================================================================//
//打印函数
var $ = function(obj) {
document.write(obj + "<br/>");
};

//打印数组的函数
var array = function(arr) {
for ( var a in arr) {
$(arr[a]);
};
};
//================================================================//
//对象定义方法1
var stu1 = new Object();
stu1.id=1;
stu1.name="bibi";
//初始化对象并打印
$(stu1.id +"--"+ stu1.name);


//对象定义方法2
var Student2 = function(id, name) {
this.id = id;
this.name = name;
};
//初始化对象并打印
var stu2 = new Student2(2, "cc");
$(stu2.id +"--"+ stu2.name);


//对象定义方法3
function Student3() {
this.id = 100;
this.name = "人";
this.getName = function() {
return this.name;
};
this.age="男";
this.add=function(a,b){
return a+b;
};
}
//初始化对象并打印
var stu3 = new Student3();
$(stu3.id +"--"+ stu3.name+"--"+stu3.getName()+"--"+stu3.age);
//================================================================//

//定义子类,大学生
function BigStudent1(id,name) {
this.id=id;
this.name=name;
}

//继承方式1,prototype
BigStudent1.prototype = new Student3();
//初始化大学生
var bigStudent1=new BigStudent1(99,"中国人");
$(bigStudent1.id+"--"+bigStudent1.name+"--"+bigStudent1.getName()+"--"+bigStudent1.age);


//继承方式2,call
function BigStudent2(id,name){
Student3.call(this);//不传参,父类是无参的构造方法
//Student3.call(this,id,name);//传参,需要父类也是带参的构造方法
this.id=id;
this.name=name;
}
//调用
var bigStudent2=new BigStudent2(99,"日本人");
$(bigStudent2.id+"--"+bigStudent2.name+"--"+bigStudent2.getName()+"--"+bigStudent2.add(8,6));


//继承方式3,apply
function BigStudent3(){
//Student3.apply(this,arguments);
Student3.apply(this,["",""]);
}
//调用
var bigStudent3=new BigStudent3();
$(bigStudent3.id+"--"+bigStudent3.name+"--"+bigStudent3.getName()+"--"+bigStudent3.add(8,4));

//继承方式4,最古老的的写法。冒充法
function BigStudent4(){
this.Student3=Student3;//对象冒充当前类的属性
this.Student3();//给冒充的父类初始化.其实就是实例化
delete this.Student3;
}
//调用
var bigStudent4=new BigStudent4();
$(bigStudent4.id+"--"+bigStudent4.name+"--"+bigStudent4.getName()+"--"+bigStudent4.add(8,4));
//================================================================//
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值