作者：小白菜 | 来源：互联网 | 2023-10-12 09:53
最近一直在看NicholasC.Zakas的《JavaScript高级程序设计》看到面向对象编程时，就自己连抄带编总结了一下。由于自己对很多概念理解不是过于透彻，所以以代码为主，以后会慢慢更
最近一直在看Nicholas C.Zakas的《Javascript高级程序设计》
看到面向对象编程时，就自己连抄带编总结了一下。
由于自己对很多概念理解不是过于透彻，所以以代码为主，以后会慢慢更新加上自己的理解
如有不妥或者错误之处，还请斧正
一、对象冒充
function ClassA(sColor){
this.color=sColor;
this.sayColor=function(){
alert(this.color);
}
}
function ClassB(sColor,sName){
this.showColor=ClassA;
this.showColor(sColor);
delete this.showColor;
this.name=sName;
this.sayName=function(){
alert(this.name);
}
}
var test=new ClassB('red','color');
test.sayColor();
test.sayName();
二、call()方法
function ClassA(sColor){
this.color=sColor;
this.sayColor=function(){
alert(this.color);
}
}
function ClassB(sColor,sName){
ClassA.call(this,sColor);
this.name=sName;
this.sayName=function(){
alert(this.name);
};
}
var test=new ClassB('red','color');
test.sayColor();
test.sayName();
三、apply()方法
function ClassA(sColor){
this.color=sColor;
this.sayColor=function(){
alert(this.color);
}
}
function ClassB(sColor,sName){
ClassA.call(this,sColor);
this.name=sName;
this.sayName=function(){
alert(this.name);
};
}
var test=new ClassB('red','color');
test.sayColor();
test.sayName();
四、原型链方法
function ClassA(){};
ClassA.prototype.color='red';
ClassA.prototype.sayColor=function(){
alert(this.color);
};
function ClassB(){};
ClassB.prototype=new ClassA();
var test=new ClassB();
test.sayColor();
五、混合模式
//类A的属性
function ClassA(sColor){
this.color=sColor;
}
//类A的方法
ClassA.prototype.sayColor=function(){
alert(this.color);
};
//类B继承A的属性
function ClassB(sColor,sName){
ClassA.call(this,sColor);
this.name=sName;
}
//类B继承A的方法
ClassB.prototype=new ClassA();
//类B自己的方法
ClassB.prototype.sayName=function(){
alert(this.name);
}
var test=new ClassB('red','color');
test.sayColor();
test.sayName();
![[JavaScript] 多数前端工程师都没注意到的一个关于console.log()的坑](https://img1.php1.cn/3cd4a/24c6f/711/31e04e6afc25be0a.jpeg)
京公网安备 11010802041100号