說構(gòu)造函數(shù)的概念之前我們應(yīng)該先了解類的概念彻亲,類與對象的概念息息相關(guān)堕担,我們在講對象的概念的時候說過,一只貓是一個對象座掘,一個人是一個對象递惋,一章桌子也是一個對象柔滔,那么我們平時說的貓,人萍虽,桌子在沒有特定指出是哪一個對象的時候睛廊,我們其實說的就是類。我們身邊有人類杉编,貓也是 一個類超全,任何有相同屬性和方法的對象我們都可以稱他們?yōu)橐粋€類。
在很多面向?qū)ο笳Z言中都有類的概念邓馒,但是在javascript(es5)中沒有類嘶朱。而我們可以通過構(gòu)造函數(shù)來模擬一個類。
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ù)名首字母大寫光酣,可以通過在函數(shù)中的this為類設(shè)置屬性和方法疏遏,我們在上面的代碼中為貓這個類定義了一個name屬性,并賦值為"miaomiao"救军,類創(chuàng)建完成后财异,我們可以通過new關(guān)鍵字創(chuàng)建這個類的實例。例如cat這個變量就是Cat類的一個實例唱遭。
我們可以通過傳參的方式戳寸,在實例化對象的時候為對象設(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òu)造函數(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òu)造函數(shù)Person生成了兩個對象實例lily和lucy,并且有兩個屬性和一個方法拷泽。但是疫鹊,它們的hobby方法是不一樣的。也就是說跌穗,每當(dāng)你使用new來調(diào)用構(gòu)造函數(shù)放回一個對象實例的時候订晌,都會創(chuàng)建一個hobby方法虏辫。這既沒有必要蚌吸,又浪費資源,hobby方法完全可以被兩個對象實例共享砌庄。
構(gòu)造函數(shù)的缺點就是:同一個構(gòu)造函數(shù)的對象實例之間無法共享屬性或方法羹唠。
為了解決構(gòu)造函數(shù)的對象實例之間無法共享屬性的缺點,js提供了prototype屬性娄昆。
每一個構(gòu)造函數(shù)都有一個prototype屬性佩微,這個屬性指向一個原型對象,這個原型對象上的所有屬性和方法都可以被這個構(gòu)造函數(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方法放在原型對象上萌焰,那么兩個實例對象都共享著同一個方法哺眯。