[[402108]]

因?yàn)樵缙诘臑g覽器只能用來瀏覽，不具備與訪問者互動(dòng)的能力。比如，如果網(wǎng)頁上有一欄"用戶名"要求填寫，瀏覽器就無法判斷訪問者是否真的填寫了，只有讓服務(wù)器端判斷。

如果沒有填寫，服務(wù)器端就返回錯(cuò)誤，要求用戶重新填寫，這太浪費(fèi)時(shí)間和服務(wù)器資源了。

這個(gè)時(shí)候需要一門網(wǎng)頁腳本語言，這種腳本語言能夠完成一些簡(jiǎn)單的操作，比如判斷用戶有沒有填寫表單。剛好這個(gè)時(shí)候是向?qū)ο缶幊?object-oriented programming)最興盛的時(shí)期，C++是當(dāng)時(shí)最流行的語言，而Java語言也馬上推出。

所以Javascript作者也受到了啟發(fā)，Javascript里面所有的數(shù)據(jù)類型都是對(duì)象(object)，這一點(diǎn)與Java非常相似。但是直接使用java的"繼承"機(jī)制來實(shí)現(xiàn)，又覺得過于笨重，但是，Javascript里面都是對(duì)象，必須有一種機(jī)制，將所有對(duì)象聯(lián)系起來。所以，javascript作者最后還是設(shè)計(jì)了"繼承"。

但是，他不打算引入"類"(class)的概念，因?yàn)橐坏┯辛?quot;類"，Javascript就是一種完整的面向?qū)ο缶幊陶Z言了，這好像有點(diǎn)太正式了，而且增加了初學(xué)者的入門難度。

他考慮到，C++和Java語言都使用new命令，生成實(shí)例。

C++的寫法是：

ClassName *object = new ClassName(param); 

Java的寫法是：

Foo foo = new Foo(); 

這時(shí)，他想到C++和Java使用new命令時(shí)，都會(huì)調(diào)用"類"的構(gòu)造函數(shù)(constructor)。他就做了一個(gè)簡(jiǎn)化的設(shè)計(jì)，在Javascript語言中，new命令后面跟的不是類，而是構(gòu)造函數(shù)。

但是很快發(fā)現(xiàn)用構(gòu)造函數(shù)生成實(shí)例對(duì)象，有一個(gè)缺點(diǎn)，那就是無法共享屬性和方法。

每一個(gè)實(shí)例對(duì)象，都有自己的屬性和方法的副本。這不僅無法做到數(shù)據(jù)共享，也是極大的資源浪費(fèi)。

最終加入了prototype屬性的引入

考慮到這一點(diǎn)，作者決定為構(gòu)造函數(shù)設(shè)置一個(gè)prototype對(duì)象屬性。

所有實(shí)例對(duì)象需要共享的屬性和方法，都放在這個(gè)對(duì)象里面;那些不需要共享的屬性和方法，就放在構(gòu)造函數(shù)里面。

實(shí)例對(duì)象一旦創(chuàng)建，將自動(dòng)引用prototype對(duì)象的屬性和方法。

由于所有的實(shí)例對(duì)象共享同一個(gè)prototype對(duì)象，那么從外界看起來，prototype對(duì)象就好像是實(shí)例對(duì)象的原型，而實(shí)例對(duì)象則好像"繼承"了prototype對(duì)象一樣。

面試總結(jié)回答

• JavaScript采用原型編程，所有對(duì)象都能共享原型上的方法，節(jié)省內(nèi)存;
• 同時(shí)基于原型這一實(shí)現(xiàn)思想，JavaScript通過找對(duì)原型鏈，方便地實(shí)現(xiàn)了繼承。

這就是原型編程帶來的2個(gè)最大好處!!!

參考資料

內(nèi)容有最簡(jiǎn)化，如果需要看原始總結(jié)請(qǐng)查看阮一峰博客↓

http://ruanyifeng.com/blog/2011/06/designing_ideas_of_inheritance_mechanism_in_javascript.html

https://blog.csdn.net/daigualu/article/details/54772799

本文轉(zhuǎn)載自微信公眾號(hào)「前端人」，可以通過以下二維碼關(guān)注。轉(zhuǎn)載本文請(qǐng)聯(lián)系前端人公眾號(hào)。