js-- 原型設計模式以及JavaScript中的原型規則

原型規則

1. 原型規則

• 全部的引用類型（數組、對象、函數），都具備對象特徵，便可自由擴展屬性；

var arr = []; arr.a =1;
複製代碼

• 全部的引用類型，都有一個_proto_ 屬性（隱式原型），屬性值是一個普通對象；
• 全部函數，都具備一個prototype（顯示原型），屬性值也是一個普通原型；
• 全部的引用類型（數組、對象、函數），其隱式原型指向其構造函數的顯式原型；（obj.proto === Object.prototype）；
• 當試圖獲得一個對象的某個屬性時，若是這個對象自己沒有這個屬性，那麼會去它的_proto_（即它的構造函數的prototype）中去尋找；

2. 原型對象：prototype 在js中，函數對象其中一個屬性：原型對象prototype。普通對象沒有prototype屬性，但有_proto_屬性。 原型的做用就是給這個類的每個對象都添加一個統一的方法，在原型中定義的方法和屬性都是被因此實例對象所共享。

var person = function(name){
    this.name = name
};
person.prototype.getName=function(){//經過person.prototype設置函數對象屬性
    return this.name; 
}
var crazy= new person(‘crazyLee’);
crazy.getName(); //crazyLee//crazy繼承上屬性
複製代碼

3. 原型鏈  當試圖獲得一個對象f的某個屬性時，若是這個對象自己沒有這個屬性，那麼會去它的_proto_（即它的構造函數的prototype）obj._proto_中去尋找；當obj._proto也沒有時，便會在obj._proto.proto（即obj的構造函數的prototype的構造函數的prototype）中尋找；

設計模式

1. 工廠模式

在函數內建立一個對象，給對象賦予屬性及方法再將對象返回

function Person() {
	var People = new Object();
	People.name = 'CrazyLee';
	People.age = '25';
	People.sex = function(){
		return 'boy';
	};
	return People;
}

var a = Person();
console.log(a.name);//CrazyLee
console.log(a.sex());//boy
複製代碼

2. 構造函數模式

無需在函數內部從新建立對象，而是用this指代

function Person() {
	this.name = 'CrazyLee';
	this.age = '25';
	this.sex = function(){
		return 'boy'
	};
	
}

var a = new Person();
console.log(a.name);//CrazyLee
console.log(a.sex());//boy
複製代碼

3. 原型模式

函數中不對屬性進行定義，利用prototype屬性對屬性進行定義，能夠讓全部對象實例共享它所包含的屬性及方法。

function Parent() {
	Parent.prototype.name = 'carzy';
	Parent.prototype.age = '24';
	Parent.prototype.sex = function() {
	 var s="女";

    console.log(s);
	}
}

var  x =new  Parent();  
console.log(x.name);      //crazy
console.log(x.sex());       //女
複製代碼

4. 混合模式

原型模式+構造函數模式。這種模式中，構造函數模式用於定義實例屬性，而原型模式用於定義方法和共享屬性

function Parent(){  
	this.name="CrazyLee";  
	this.age=24;  
};
Parent.prototype.sayname=function(){  
	return this.name;  
};

var x =new Parent(); 
console.log(x.sayname());   //Crazy  
複製代碼

5. 動態原型模式

將全部信息封裝在了構造函數中，而經過構造函數中初始化原型，這個能夠經過判斷該方法是否有效而選擇是否須要初始化原型。

function Parent(){  
	this.name="CrazyLee";  
	this.age=24;  
	if(typeof Parent._sayname=="undefined"){     
		Parent.prototype.sayname=function(){  
			return this.name;  
		}  
		Parent._sayname=true;  
	}         
};   

var x =new Parent();  
console.log(x.sayname()); 
複製代碼