普通函數(shù)和構(gòu)造函數(shù)的區(qū)別

構(gòu)造函數(shù)

構(gòu)造函數(shù):如用函數(shù)用來初始化(使用new運算符)一個新建的對象面殖,我們稱之為構(gòu)造函數(shù)(constructor)

普通函數(shù)

普通函數(shù):不使用new運算符的函數(shù)就是普通函數(shù)

構(gòu)造函數(shù)vs普通函數(shù)

從形式上看,一個函數(shù)被作為構(gòu)造函數(shù)還是普通函數(shù)執(zhí)行的唯一區(qū)別就是是否使用new

function Person(){
    this.name = "zqq";
    this.age = 28;
}
var p = new Person();

當以new調(diào)用構(gòu)造函數(shù)(執(zhí)行var p = new Person())時哭廉,函數(shù)內(nèi)部會發(fā)生以下情況:

1.創(chuàng)建一個空對象

var p = {};

2.this變量指向?qū)ο髉

Person.call(p)

3.p繼承了構(gòu)造函數(shù)Person()的原型

p.__proto__ = Person.prototype

4.執(zhí)行構(gòu)造函數(shù)Person()內(nèi)的代碼

構(gòu)造函數(shù)和普通函數(shù)的區(qū)別:

1.構(gòu)造函數(shù)使用new關(guān)鍵字調(diào)用脊僚;普通函數(shù)不用new關(guān)鍵字調(diào)用;

var p = new Person();
var p = Person();

2.構(gòu)造函數(shù)內(nèi)部可以使用this關(guān)鍵字遵绰;普通函數(shù)內(nèi)部不建議使用this辽幌,因為這時候this指向的是window全局對象,這樣無意間就會為window添加了一些全局變量或函數(shù)

2.1 在構(gòu)造函數(shù)內(nèi)部椿访,this指向的是構(gòu)造出來的新對象
2.2 在普通函數(shù)內(nèi)部舶衬,this指向的是window全局對象

3.構(gòu)造函數(shù)默認不用return返回值;普通函數(shù)一般都有return返回值

3.1 構(gòu)造函數(shù)會默認返回this赎离,也就是新的實例對象

3.2 普通函數(shù)如果沒有return值的話逛犹,返回undefined

3.3 如果使用了return,那返回值會根據(jù)return值的類型而有所不同

<a >這里涉及到要了解的知識點有基本數(shù)據(jù)類型和引用類型的區(qū)別</a>

3.3.1 return的是五種簡單數(shù)據(jù)類型:String,Number,Boolean,Null,Undefined的話梁剔,構(gòu)造函數(shù)會忽略return的值虽画,依然返回this對象;而普通函數(shù)會返回return后面的值

function Person(){
    var a;
    this.name = "zqq";
    this.age = 28;
    return a;
}
var p = new Person();//返回this對象
var p = Person();//因為a沒初始化荣病,所以a是undefined码撰,而undefined屬于簡單數(shù)據(jù)類型,所以返回undefined个盆,String,Number,Boolean,Null同理

3.3.2 如果return的是引用類型:Array,Date,Object,Function,RegExp,Error的話脖岛,構(gòu)造函數(shù)和普通函數(shù)都會返回return后面的值

function Person(){
    var arr = [];
    this.name = "zqq";
    this.age = 28;
    return arr;
}
var p = new Person();//返回arr空數(shù)組,Date,Object,Function,RegExp,Error同理
var p1 = new Person();//返回arr空數(shù)組颊亮,Date,Object,Function,RegExp,Error同理

4.構(gòu)造函數(shù)首字母建議大寫柴梆;普通函數(shù)首字母建議小寫

參考資料:
https://my.oschina.net/u/2395167/blog/658234
http://www.jb51.net/article/47871.htm

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市终惑,隨后出現(xiàn)的幾起案子绍在,更是在濱河造成了極大的恐慌,老刑警劉巖雹有,帶你破解...
    沈念sama閱讀 216,402評論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件偿渡,死亡現(xiàn)場離奇詭異,居然都是意外死亡霸奕,警方通過查閱死者的電腦和手機溜宽,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來质帅,“玉大人适揉,你說我怎么就攤上這事留攒。” “怎么了涡扼?”我有些...
    開封第一講書人閱讀 162,483評論 0 353
  • 文/不壞的土叔 我叫張陵稼跳,是天一觀的道長。 經(jīng)常有香客問我吃沪,道長汤善,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,165評論 1 292
  • 正文 為了忘掉前任票彪,我火速辦了婚禮红淡,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘降铸。我一直安慰自己在旱,他們只是感情好,可當我...
    茶點故事閱讀 67,176評論 6 388
  • 文/花漫 我一把揭開白布推掸。 她就那樣靜靜地躺著桶蝎,像睡著了一般。 火紅的嫁衣襯著肌膚如雪谅畅。 梳的紋絲不亂的頭發(fā)上登渣,一...
    開封第一講書人閱讀 51,146評論 1 297
  • 那天,我揣著相機與錄音毡泻,去河邊找鬼胜茧。 笑死,一個胖子當著我的面吹牛仇味,可吹牛的內(nèi)容都是我干的呻顽。 我是一名探鬼主播,決...
    沈念sama閱讀 40,032評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼丹墨,長吁一口氣:“原來是場噩夢啊……” “哼廊遍!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起带到,我...
    開封第一講書人閱讀 38,896評論 0 274
  • 序言:老撾萬榮一對情侶失蹤昧碉,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后揽惹,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,311評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡四康,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,536評論 2 332
  • 正文 我和宋清朗相戀三年搪搏,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片闪金。...
    茶點故事閱讀 39,696評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡疯溺,死狀恐怖论颅,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情囱嫩,我是刑警寧澤恃疯,帶...
    沈念sama閱讀 35,413評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站墨闲,受9級特大地震影響今妄,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜鸳碧,卻給世界環(huán)境...
    茶點故事閱讀 41,008評論 3 325
  • 文/蒙蒙 一盾鳞、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧瞻离,春花似錦腾仅、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽工猜。三九已至纤垂,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間钮蛛,已是汗流浹背昂拂。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評論 1 269
  • 我被黑心中介騙來泰國打工受神, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人格侯。 一個月前我還...
    沈念sama閱讀 47,698評論 2 368
  • 正文 我出身青樓鼻听,卻偏偏與公主長得像,于是被迫代替她去往敵國和親联四。 傳聞我的和親對象是個殘疾皇子撑碴,可洞房花燭夜當晚...
    茶點故事閱讀 44,592評論 2 353

推薦閱讀更多精彩內(nèi)容