JS常見構(gòu)造模式實例對比分析

function Factory(name,age)
{
 var o=new Object();
 o.name=name;
 o.age=age;
 o.what=what;//用函數(shù)引用的方式消除重復創(chuàng)建相同函數(shù)的弊端，節(jié)省資源.函數(shù)引用可以修改this的指向，函數(shù)調(diào)用不可以！
 return o;
}
what=funciton()
{
 alert(this.name+this.age);
}
var o=Factory("12",12);
o.what();//what中的this指向o對象

console.log(o.constructor);
//打印function Object() { [native code] }
console.log(o instanceof Object);
//而且這時候所有的對象都是Object類型的

function Person(name,age)
{
this.name=name;
this.age=age;
this.sayName=function(){ alert(this.name);}//相當于this.sayName=new Function("alert(this.name)")
}
var p1=new Person("xx",12);
var p2=new Person("yy",13);
alert(p1.sayName==p2.sayName)//內(nèi)存地址不一樣!返回false

function Person(name,age)
{
this.name=name;
this.age=age;
this.sayName=sayName;//函數(shù)引用的方法，共享了同一個sayName,p1,p2的內(nèi)存地址一樣，p1.sayName==p2.sayName返回true
}
function sayName()
{
alert(this.name);
}

person1.sayName===person2.sayName//兩者的引用是一樣的

function Person(name,age)
{
 this.name=name;
 this.age=age;
 this.friends=['liangklfang','qinliang'];
}
//用原型定義共性
Person.prototype={
 constructor:Person,
 sayName:function()
 {
 console.log(this.name);
 }
}
var person1=new Person('liangklfang',"12");
var person2=new Person('liangklf',"14");
console.log(person1.sayName===person2.sayName);
//共性是函數(shù)，打印true
console.log(person1.friends===person2.friends);
//friends是個性，打印false

function Book(title,page)
{
 this.title=title;
 this.page=page;
 if(typeof Book.isLock=="undefined")
//第一次的時候，Book.isLock是undefined，給原型綁定函數(shù)，以后就不需要了，他相比于構(gòu)造函數(shù)原型模式的優(yōu)點在于把所有的邏輯全部封裝到構(gòu)造函數(shù)里面！
 {
 alert("Enter!");
Book.prototype.what=function() 
 {
 alert(this.title+this.pages);
 }
 Book.isLock=true;
 }
}
//下面的兩次調(diào)用alert("Enter!")只會調(diào)用因此i，因為第一次已經(jīng)通過Book.isLock設置為true了！相當于靜態(tài)方法！;
var b1=new Book("me",12);
b1.what();
var b2=new Book("he",13);
b2.what();

function Book(title,page)
{
 this.title=title;
 this.page=page;
 if(typeof this.sayName!='function')
 //第二次構(gòu)造對象的時候會在原型中查找到sayName!
 {
 Book.prototype.sayName=function()
 {
 console.log(this.title);
 }
 }
}

function SpecialArray()
{
 var value=new Array();
 value.push.apply(value,arguments);
 value.toPipedString=function()
 {
 return this.join("|");
}
 return value;
}

function Person(name,age,job)
{
 var o=new Object();
 o.sayName=funciton(){alert(name)}//這里實例方法沒有引用this，除了sayName不會有方法訪問傳入到構(gòu)造函數(shù)中的原始數(shù)據(jù)！
 return o;
}
var friend=Person("xx",12,"teacher");
friend.name="female";//即使可以為這個對象修改了屬性name
friend.sayName();//不會被修改，依然彈出xx。不是female。但是，如果把上面的修改成：o.sayName=function(){alert(this.name)}//那么就會彈出female，也就是friend.name被修改成功了,如果沒有this，那么name的值一直引用的是原來的參數(shù)值！