再谈Javascript面向对象编程

再次阅读了阮一峰的Javascript面向对象编程的总结(http://www.ruanyifeng.com/blog/2010/05/object-oriented_Javascript_encapsulation.html )&＃xff0c;对面向对象也有了新的认识。

面向对象的三大要素&＃xff1a;多态&＃xff0c;封装&＃xff0c;继承。其中继承是用来实现多态的&＃xff0c;而封装解决了数据抽象的问题。

我们来看看js是如何实现多态&＃xff0c;封装和继承的&＃xff1a;

封装

Javascript通过对象来实现封装&＃xff1a;

function Animal(type,name){

this.type &＃61; type;

this.name &＃61; name;

}

Cat.prototype.eat &＃61; function(){ // do eat }

继承

有继承&＃xff08;改变父类则影响所有子类&＃xff09;和拷贝继承

继承

空对象中介方法&＃xff0c;从而避免通过继承而改变了父对象的构造函数

function extend(Child, Parent) {

var F &＃61; {};

F.prototype &＃61; Parent.prototype;

Child.prototype &＃61; new F();

Child.prototype.constructor &＃61; Child;

}

拷贝继承(拷贝prototype)

function extend(Child, Parent) {

var p &＃61; Parent.prototype;

var c &＃61; Child.prototype;

for( i in p){

c[i]  &＃61;p[i];

}

}

以上是使用构造函数来实现继承的&＃xff0c;非构造函数继承的方式如下&＃xff1a;

使用Protoytpe链

function extend(obj){

var F &＃61; function(){}

F.prototype &＃61; obj;

return new F();

}

拷贝继承&＃xff0c;分为深拷贝和浅拷贝。即把父类的属性全都拷贝给子类。

function extendCopy(obj) {

var c &＃61; {};

for( var i in obj ) {

c[i] &＃61; obj[i];

}

c.cuber &＃61; p;

return c;

}

深拷贝

function extendDeep(p,c){

var c &＃61; c || {};

for(var i in p){

if(typeof p[i] &＃61;&＃61;&＃61;&＃39;object&＃39;){

extendDeep()

}

}

}

多态

通过调用同子类的方法来实现多态。

总结

Javascript通过构造函数和原型链都可以实现继承&＃xff0c;两者会冲突吗&＃xff1f;同时有构造函数和原型链的目的原因是什么&＃xff1f;

请阅读 Javascript构造函数和原型链