作者：婆孙天地敞 | 来源：互联网 | 2023-01-05 11:31
对象，具有属性与方法。这是大家都听到烂的话了。面向对象的基本特征有：封闭、继承、多态。今天来我总结一下我刚刚学到的，我只是把看到的冰山一角写下来了，希望可以完善。对象的继承相信大家都很熟悉
对象，具有属性与方法。这是大家都听到烂的话了。面向对象的基本特征有：封闭、继承、多态。今天来我总结一下我刚刚学到的，我只是把看到的冰山一角写下来了，希望可以完善。
对象的继承相信大家都很熟悉了。可以用对象冒充、call()[apply()]、原型方式、混合方式这几种。其中混合方式我觉得是比较好的，先开回顾一下call()方法：
function useCall(a,b){
this.a = a;
this.b = b;
this.say=function(){
alert("I'm "+this.a+" You're"+this.b);
}
}
function callThefunction (){
var args = arguments;
useCall.call(this,args[0],args[1]);
// useCall.apply(this,arguments);
}
var testCall1 =new useCall("Not YY","Not TT");
testCall1.say();
var testCall2 = new callThefunction("YY","TT");
testCall2.say();
原型方式：
function car(price){
this.price=price;
}
car.prototype={
sayPrice:function(){console.log("Price is "+this.price);} //console.log()参见Firebug API
}
function toyCar(price){
this.price=price;
}
toyCar.prototype=new car()
var oCar=new car("100W");
oCar.sayPrice();
var oCar2=new toyCar("10CNY");
oCar2.sayPrice();
混合方式：
function house(size,price){
this.size = size;
this.price = price;
}
house.prototype.showArea=function (){
console.log("面积为"+this.size);
}
house.prototype.sayPrice=function (){
console.log("价钱为"+this.price);
}
function maofan(size,price){
house.call(this,size,price);
}
maofan.prototype=new house();
var newmaofan=new maofan("20Square meters ","1000CNY");
newmaofan.showArea();
混合方式另一种写法：
function house(size,price){
this.size = size;
this.price = price;
}
house.prototype={
showArea:function(){
console.log("面积为"+this.size);
}, sayPrice:function(){
console.log("价钱为"+this.price);
}
}
function maofan(size,price){
house.call(this,size,price);
}
maofan.prototype=new house();
var newmaofan=new maofan("20 Square meters ","1000CNY");
newmaofan.showArea();
newmaofan.sayPrice();
为继承的对象追加一个方法试试：
function house(size,price){
this.size = size;
this.price = price;
}
house.prototype={
showArea:function(){
console.log("面积为"+this.size);
}, sayPrice:function(){
console.log("价钱为"+this.price);
}
}
function maofan(size,price){
house.call(this,size,price);
}
maofan.prototype=new house();
maofan.prototype.Sayid=function(id){ //在继承了之后再添加方法，不然就出错了，找不到方法
this.id = id;
console.log("ID is:"+this.id);
}
var newmaofan=new maofan();
newmaofan.Sayid("888");//Output ID:888
几个例子，都可以去试一下。我从来没想过高手会看这些文章，只是写之前刚入门的。所以要是写的不好就不要见怪了。这些Demo只要试过了，加上你查的资料应该对这个Javascript继承这一块就熟悉了。值得说的是，有很多的写法，我们新手是没见过的。像混合方式的另一种写法，我是不经常这样用。在我看来就是一个数组，这样理解会好很多。例子看多了，看难的例子就不会晕。不过我看到长的还是会晕，还会出现_string_这种，虽然没什么了不起，看得心里不明白就不想看下去了。所以，要学真功夫还是没这么简单的。
还忘了一点，在写call（）的时候，我一开始是这样写的：xxx.call(this,a,b)；但是这样却报错了。为什么呢？这里要谢谢JS群里的司马闲大哥，call(thisobj,args[0]…)。如果像我那样写，不仅是参数不对，还有就是根本乱用参数。
京公网安备 11010802041100号