谈谈对js面向对象的理解

感谢阮一峰的网络日志分享了面向对象的理解：http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_inheritance.html

1、构造函数的优缺点：

  构造函数就是一种封装，把一些对象的属性封装在函数体里面，这种函数体在加载的时候，会被预编译，

var cat1 = new Cat("大毛","黄色"); //实例化

实例化其实就是把构造函数变成一个对象，但是如果多个新建对象被实例化的时候，其实等于构造函数不断被复制占大量的内存，故对一些需要不对被实例化的构造函数，不适合放太多属性在里面。这个时候就需要用到原型（prototype）

Javascript规定，每一个构造函数都有一个prototype属性，指向另一个对象。这个对象的所有属性和方法，都会被构造函数的实例继承。

 

所以原型的优点非常明显，我们只需要把一些不便的属性和方法放在原型里面，它就可以指向同一个内存地址，提高运行速度。

2.对象的继承

   对象继承分两种情况，一种是构造函数的继承，一种是原型（prototype）的继承：

   第一： 构造函数的继承，比较简单，只需要在子对象中添加代码：parent.apply(this, arguments);

function Cat(name,color){
　　　　Parent.apply(this, arguments);
　　　　this.name = name;
　　　　this.color = color;
　　}

第二 ：关于原型的继承最优化的方法， 利用空对象作为中介

function extend(Child, Parent) {

　　　　var F = function(){};
　　　　F.prototype = Parent.prototype;
　　　　Child.prototype = new F();
　　　　Child.prototype.constructor = Child;
　　　　Child.uber = Parent.prototype;
　　}

使用时，方法如下：

　extend(Cat,Animal);
　　var cat1 = new Cat("大毛","黄色");
　　alert(cat1.species); // 动物

第三， 拷贝继承

    我们也可以换一种思路，纯粹采用"拷贝"方法实现继承。简单说，如果把父对象的所有属性和方法，拷贝进子对象，不也能够实现继承吗？

　　function extend2(Child, Parent) {
　　　　var p = Parent.prototype;
　　　　var c = Child.prototype;
　　　　for (var i in p) {
　　　　　　c[i] = p[i];
　　　　　　}
　　　　c.uber = p;
　　}