第實(shí)例詳解JavaScript構(gòu)造函數(shù)和原型缺點(diǎn)：存在內(nèi)存浪費(fèi)的問題，

如果有倆對(duì)象或者更多就會(huì)對(duì)一個(gè)復(fù)雜數(shù)據(jù)類型進(jìn)行空間的多次開辟

構(gòu)造函數(shù)原型prototype原型對(duì)象主要解決了內(nèi)存浪費(fèi)的問題構(gòu)造函數(shù)通過原型分配的函數(shù)是所有對(duì)象所共享的。在JavaScript里每一個(gè)構(gòu)造函數(shù)都有一個(gè)prototype屬性，指向另一個(gè)對(duì)象。這個(gè)prototype就是一個(gè)對(duì)象，prototype這個(gè)對(duì)象的所有屬性和方法，都會(huì)被構(gòu)造函數(shù)所擁有。這時(shí)候就可以使用prototype把方法放到里面供該對(duì)象所有的實(shí)例對(duì)象使用。

對(duì)象原型_proto_對(duì)象

對(duì)象都會(huì)有一個(gè)屬性_proto_指向構(gòu)造函數(shù)的prototype原型對(duì)象,之所以我們對(duì)象可以使用構(gòu)造函數(shù)prototype原型對(duì)象的屬性和方法,就是因?yàn)閷?duì)象有_proto_原型的存在。

sy的_proto_和sym的_proto_是一樣的方法的查找規(guī)則:首先先看sy，sym對(duì)象身上是否有sing方法，如果有就執(zhí)行這個(gè)對(duì)象上的sing，因?yàn)榇嬖赺_proto__，就去構(gòu)造函數(shù)原型對(duì)象Prototype的存在，就去構(gòu)造函數(shù)原型對(duì)象Prototype身上去查找sing這個(gè)方法（簡(jiǎn)單來說就是，我自己有就使用，沒有就去原型對(duì)象里找）函數(shù)和對(duì)象創(chuàng)建時(shí)會(huì)自動(dòng)創(chuàng)建一個(gè)屬性他兩指向同一個(gè)空對(duì)象

1.2constructor構(gòu)造函數(shù)構(gòu)造器構(gòu)造函數(shù)

對(duì)象原型(_proto_)和構(gòu)造函數(shù)(prototype)原型對(duì)象里面都有一個(gè)屬性constructor屬性,constructor我們稱為構(gòu)造函數(shù),因?yàn)樗富貥?gòu)造函數(shù)本身。

他們倆里面都有constructor如果prototype里面以對(duì)象的形式添加，那么就是prototype指向變了，指向了一個(gè)新的原型對(duì)象，這個(gè)新對(duì)象里沒有指向construor，需要自己手動(dòng)指向一下

2.原型鏈

2.1js中成員查找規(guī)則

當(dāng)訪問一個(gè)對(duì)象的屬性(包括方法)時(shí),首先查找這個(gè)對(duì)象自身有沒有該屬性。如果沒有就查找它的原型(也就是._proto_指向的prototype原型對(duì)象)。如果還沒有就查找原型對(duì)象的原型(Object的原型對(duì)象)。依此類推一直找到Object為止(null)。

2.2原型對(duì)象this指向

1.在構(gòu)造函數(shù)中，里面this指向的是對(duì)象實(shí)例shanyu

script

functionPerson(uname,uage){

this.uname=uname;

this.uage=uage;

//聲明一個(gè)變量然后驗(yàn)證this指向是不是和實(shí)例化對(duì)象相同

varthat;

Ptotype.skill=function(){

console.log(我會(huì)吃飯

that=this;

varshanyu=newPerson(山魚,30);

shanyu.skill();

console.log(that===shanyu);

/script

2.3擴(kuò)展內(nèi)置對(duì)象

可以通過原型對(duì)象,對(duì)原來的內(nèi)置對(duì)象進(jìn)行擴(kuò)展自定義的方法.

script

//自定義對(duì)象應(yīng)用，給Array添加一個(gè)自定義方法

Atotype.sum=function(){

varsum=0;

for(vari=0;ithis.length;i++){

sum+=this[i];

returnsum;

vararr=[1,2,3,4];

console.log(arr.sum());

/script

數(shù)組和字符串內(nèi)置對(duì)象不能給原型對(duì)象覆蓋操作Atotype={}如果進(jìn)行該操作就會(huì)使本來有的方法被覆蓋掉,只能是Atotype.方法名=function(){}的方式。

3.call作用

調(diào)用這個(gè)函數(shù),并且修改函數(shù)運(yùn)行時(shí)的this指向，有三個(gè)參數(shù)分別是thisArg當(dāng)前調(diào)用函數(shù)this的指向?qū)ο骯rg1,arg2傳遞的其他參數(shù)

script

functionsing(x,y){

console.log(a~a~給我已被忘情水

console.log(this);

console.log(x+y);

varfn={

name:山魚

//call()可以改變這個(gè)函數(shù)的this指向此時(shí)這個(gè)函數(shù)的this就指向了o這個(gè)對(duì)象

sing.call(fn,1,2)

/script

通過我們打的可以看到this的指向?yàn)镾on，也就是Son使用了父構(gòu)造函數(shù)里面的，uname，uage

4.1利用原型對(duì)象繼承

es6之前并沒有extends所以可以使用構(gòu)造函數(shù)和模型對(duì)象結(jié)合的方式來進(jìn)行繼承操作

script

functionFather(uname,uage){

this.uname=uname;

this.uage=uage;

Ftotype.eat=function(){

console.log(我愛吃雞腿

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

Stotype=newFather();

Stotype.constructor=Son;

functionSon(uname,uage,swing){

Father.call(this,uname,uage);

this.swing=swing;

Stotype.student=function(){

console.log(我愛學(xué)習(xí)??！

//要向使用父親原型對(duì)象里面的方法，可以實(shí)例化一下Father，然后

//這時(shí)候Son的this指向到了Father，所以我們要用constructor