一、生成實(shí)例對(duì)象的原始模式
var Cat = {
name : '',
color : ''
}
var cat1 = {}; // 創(chuàng)建一個(gè)空對(duì)象
cat1.name = "大毛"; // 按照原型對(duì)象的屬性賦值
cat1.color = "黃色";
二、工廠模式
function creatObject(name, age, job) {
var o = new Object();
o.name = name;
o.age = age;
o.job = job;
o.sayName = function () {
alert (this.name);
}
return o;
}
三噪珊、構(gòu)造函數(shù)模式
- 所謂"構(gòu)造函數(shù)",其實(shí)就是一個(gè)普通函數(shù)临燃,但是內(nèi)部使用了this變量。對(duì)構(gòu)造函數(shù)使用new運(yùn)算符,就能生成實(shí)例,并且this變量會(huì)綁定在實(shí)例對(duì)象上出革。
function Cat(name,color){
this.name=name;
this.color=color;
}
var cat1 = new Cat("大毛","黃色");
var cat2 = new Cat("二毛","黑色");
alert(cat1.name); // 大毛
alert(cat1.color); // 黃色
要?jiǎng)?chuàng)建Cat的新實(shí)例,必須使用new操作符渡讼,系統(tǒng)內(nèi)部創(chuàng)建過(guò)程如下:
- 創(chuàng)建一個(gè)新對(duì)象
- 將構(gòu)造函數(shù)的作用域賦給新對(duì)象(因此this就指向了這個(gè)新對(duì)象)
- 執(zhí)行構(gòu)造函數(shù)中的代碼(為這個(gè)新對(duì)象添加屬性和方法)
- 返回新對(duì)象
構(gòu)造函數(shù)和普通函數(shù)的唯一區(qū)別在于調(diào)用方式不同,構(gòu)造函數(shù)也是普通函數(shù)耳璧,任何通過(guò)new調(diào)用的函數(shù)都可以是構(gòu)造函數(shù)成箫。通常在項(xiàng)目中為了區(qū)分,我們都將構(gòu)造函數(shù)的第一個(gè)字母大寫 以區(qū)別于普通函數(shù)
2.構(gòu)造函數(shù)的問(wèn)題
使用構(gòu)造函數(shù)的時(shí)候旨枯,每個(gè)方法都要在每個(gè)實(shí)例上重新創(chuàng)建一遍蹬昌,然而創(chuàng)建兩個(gè)完全同樣任務(wù)的Function實(shí)例是沒(méi)有必要的,造成內(nèi)存的浪費(fèi)
四攀隔、原型模式( Prototype模式)
Javascript規(guī)定皂贩,每一個(gè)函數(shù)都有一個(gè)prototype(原型)屬性,它是一個(gè)指針昆汹,指向另一個(gè)對(duì)象明刷。這個(gè)對(duì)象的所有屬性和方法,都會(huì)被構(gòu)造函數(shù)的實(shí)例繼承和共享满粗。
function Cat(name,color){
this.name = name;
this.color = color;
}
Cat.prototype.type = "貓科動(dòng)物";
Cat.prototype.eat = function(){alert("吃老鼠")};
// 實(shí)例
var cat1 = new Cat("大毛","黃色");
var cat2 = new Cat("二毛","黑色");
alert(cat1.type); // 貓科動(dòng)物
cat1.eat(); // 吃老鼠
//驗(yàn)證是同一塊內(nèi)存
alert(cat1.eat == cat2.eat); //true
這時(shí)所有實(shí)例的type屬性和eat()方法辈末,其實(shí)都是同一個(gè)內(nèi)存地址,指向prototype對(duì)象映皆,因此就提高了運(yùn)行效率挤聘。
- 理解原型對(duì)象
只要?jiǎng)?chuàng)建了一個(gè)新函數(shù),就會(huì)根據(jù)一組特定的規(guī)則為該函數(shù)創(chuàng)建一個(gè)prototype屬性捅彻,這個(gè)屬性指向函數(shù)的原型對(duì)象组去,而每個(gè)遠(yuǎn)行對(duì)象都會(huì)自動(dòng)獲得一個(gè)constructor(構(gòu)造函數(shù))屬性,這個(gè)屬性包含一個(gè)指向prototype屬性所在函數(shù)的指針步淹。 原型是動(dòng)態(tài)的从隆,隨時(shí)修改 隨時(shí)生效
不論是對(duì)象的還是構(gòu)造函數(shù)本身的prototype指向的是本身引用類型的父引用類型的對(duì)象實(shí)例
constructor指向自身prototype原型對(duì)象的構(gòu)造函數(shù)
- 原型對(duì)象的問(wèn)題
首先诚撵,他省略了為構(gòu)造函數(shù)傳遞初始化參數(shù)這一環(huán)節(jié),結(jié)果所有實(shí)例在默認(rèn)情況下都將取得相同的屬性值广料。
重要的是砾脑,由于原型對(duì)象是共享的,原型中的屬性是被很多實(shí)例共享的艾杏,通過(guò)某個(gè)實(shí)例修改原型中的屬性韧衣,其他的實(shí)例的屬性值也會(huì)被修改。
五购桑、組合使用構(gòu)造函數(shù)和原型模式
就是屬性在本身的構(gòu)造函數(shù)中實(shí)現(xiàn)畅铭,而方法在prototype原型中實(shí)現(xiàn)。