JS面向对象几种模式的理解

js的面向对象感觉就很傻很难理解

工厂模式，在集中实例化的函数中定义了属性和方法，解决了重复了实例化的问题。

<script>
function createPerson(name, qq) //构造函数
{
//原料
var obj=new Object();
//加工
obj.name=name;
obj.qq=qq;
obj.showName=function ()
{
alert('我的名字叫：'+this.name);
};
obj.showQQ=function ()
{
alert('我的QQ号：'+this.qq);
};
//出厂
return obj;
}
var obj=createPerson('blue', '258248832');
var obj2=createPerson('张三', '45648979879');
alert(obj.showName==obj2.showName);
</script>

构造函数，和常规的面向对象的感觉很像，用new来调用，问题是作为普通函数和构造函数时会产生歧义，问题来自于this

function Box(name, age) {//构造函数模式

this.name = name;

this.age = age;

　　this.run = function () {

　　return this.name + this.age + '运行中...';

　　};

}

var box1 = new Box('Lee', 100);

var box2 = new Box('Jack',200);

alert(box1.run());
alert(box1 instanceof Box); //

原型模式，用原型来添加类的属性和方法，但是不能通过对象实例改变原型的值，new一个对象又会是原型里的值。

function Person(){
}


Person.prototype.name = "aaa";
Person.prototype.address = "bbb";
Person.showName = function (){
       alert(this.name);
}

var person1 = new Person();
var person2 = new Person();

alert(person1.name);   // aaa
alert(person2.name);    // aaa
person1.showName();    //aaa
person2.showName();    //aaa


person1.name = "666";


alert(person1.name);   // 666
alert(person2.name);    // aaa
person1.showName();    //666
person2.showName();    //aaa

将工厂模式和构造函数模式组合起来的寄生构造模式更接近面向对象语言，不知道这种方法在什么情况下用，个人感觉很舒服

function Box(name, age) {
　　var obj = new Object();
　　obj.name = name;
　　obj.age = age;
　　obj.run = function () {
　　return this.name + this.age + '运行中...';
　　};
return obj;
}