構(gòu)造函數(shù)
說(shuō)構(gòu)造函數(shù)的概念之前我們應(yīng)該先了解類的概念,類與對(duì)象的概念息息相關(guān)馆纳,我們?cè)谥v對(duì)象的概念的時(shí)候說(shuō)過(guò),一只貓是一個(gè)對(duì)象汹桦,一個(gè)人是一個(gè)對(duì)象鲁驶,一章桌子也是一個(gè)對(duì)象,那么我們平時(shí)說(shuō)的貓舞骆,人钥弯,桌子在沒(méi)有特定指出是哪一個(gè)對(duì)象的時(shí)候,我們其實(shí)說(shuō)的就是類督禽。我們身邊有人類脆霎,貓也是 一個(gè)類,任何有相同屬性和方法的對(duì)象我們都可以稱他們?yōu)橐粋€(gè)類狈惫。
在很多面向?qū)ο笳Z(yǔ)言中都有類的概念睛蛛,但是在javascript(es5)中沒(méi)有類。而我們可以通過(guò)構(gòu)造函數(shù)來(lái)模擬一個(gè)類胧谈。
function Cat(){
this.name='miaomiao';
this.age=12;
this.sayName=function(){
console.log('我們是貓類');
}
}
var cat=new Cat();
console.log(cat.name);
cat.sayName();
構(gòu)造函數(shù)的函數(shù)名首字母大寫(xiě)忆肾,可以通過(guò)在函數(shù)中的this為類設(shè)置屬性和方法,我們?cè)谏厦娴拇a中為貓這個(gè)類定義了一個(gè)name屬性菱肖,并賦值為"miaomiao"客冈,類創(chuàng)建完成后,我們可以通過(guò)new關(guān)鍵字創(chuàng)建這個(gè)類的實(shí)例稳强。例如cat這個(gè)變量就是Cat類的一個(gè)實(shí)例场仲。
我們可以通過(guò)傳參的方式,在實(shí)例化對(duì)象的時(shí)候?yàn)閷?duì)象設(shè)置屬性
function Cat(name,age){
this.name=name;
this.age=age;
this.sayName=function(){
console.log('我是'+this.name);
}
}
var cat=new Cat('mioamiao',12);
cat.sayName();
console.log(cat);
一個(gè)構(gòu)造函數(shù)可以生成多個(gè)對(duì)象的實(shí)例
function Person(name,age){
this.name=name;
this.age=age;
this.say=function(){
console.log('大家好');
}
}
var lily=Person('lily',12);
var lucy=Person('lucy',13);
console.log(lily);
console.log(lucy);
console.log(lily.say==lucy.say);
一個(gè)構(gòu)造函數(shù)Person生成了兩個(gè)對(duì)象實(shí)例lily和lucy退疫,并且有兩個(gè)屬性和一個(gè)方法渠缕。但是,它們的hobby方法是不一樣的褒繁。也就是說(shuō)亦鳞,每當(dāng)你使用new來(lái)調(diào)用構(gòu)造函數(shù)放回一個(gè)對(duì)象實(shí)例的時(shí)候,都會(huì)創(chuàng)建一個(gè)hobby方法。這既沒(méi)有必要蚜迅,又浪費(fèi)資源,hobby方法完全可以被兩個(gè)對(duì)象實(shí)例共享俊抵。
構(gòu)造函數(shù)的缺點(diǎn)就是:同一個(gè)構(gòu)造函數(shù)的對(duì)象實(shí)例之間無(wú)法共享屬性或方法谁不。
為了解決構(gòu)造函數(shù)的對(duì)象實(shí)例之間無(wú)法共享屬性的缺點(diǎn),js提供了prototype屬性徽诲。
每一個(gè)構(gòu)造函數(shù)都有一個(gè)prototype屬性刹帕,這個(gè)屬性指向一個(gè)原型對(duì)象,這個(gè)原型對(duì)象上的所有屬性和方法都可以被這個(gè)構(gòu)造函數(shù)的實(shí)例使用
function Person(name,age){
this.name=name;
this.age=age;
}
Person.prototype.hobby=function(){
return 'movie';
}
var girl=new Cat('rose',12);
var boy=new Cat('jack',18);
console.log(girl.hobby==boy.hobby);
如果將hobby方法放在原型對(duì)象上谎替,那么兩個(gè)實(shí)例對(duì)象都共享著同一個(gè)方法偷溺。