如何理解JavaScript的原型和原型鏈？JavaScript中的原型和原型鏈大都基于OOP的手段，OOP在JavaScript中的具體實(shí)現(xiàn)追加：對(duì)象（Object）那就是屬性（Property）的

如何理解JavaScript的原型和原型鏈？

JavaScript中的原型和原型鏈大都基于OOP的手段，OOP在JavaScript中的具體實(shí)現(xiàn)追加：

對(duì)象（Object）那就是屬性（Property）的集合，不光的，稱值（Value）為函數(shù)（Function）的屬性為方法（Method）。將有幾分相似對(duì)象的總共屬性提取出能聚集在一起就不能形成了類（Class），這些對(duì)象一般稱該類的實(shí)例（Instance）。同時(shí)，將相象類的總計(jì)屬性提純不出來圍聚在一起也無法形成新的類，這個(gè)類是前面那些類的超類（Super Class），前面那些類是這個(gè)類的子類（Sub Class）。多個(gè)超類還可以以及子類聚集出一個(gè)新的超類，這個(gè)過程會(huì)一減弱繼續(xù)，等他又出現(xiàn)名為Object的類，它的超類為空（Null）。

類除此之外是共屬性的聚集外，還擔(dān)任對(duì)象工廠（Object Factory）的職責(zé)。一個(gè)類的實(shí)例對(duì)象由類的構(gòu)造函數(shù)（Constructor）專門負(fù)責(zé)修改。構(gòu)造函數(shù)共同負(fù)責(zé)兩件事：

創(chuàng)建角色對(duì)象；

重新初始化該對(duì)象；

只不過前者的實(shí)現(xiàn)早就由方法提供給，因?yàn)闃?gòu)造函數(shù)完全不需要能夠完成的是初始化操作對(duì)象，這里又兩類兩件事情：

讓對(duì)象具有類所聚集的總計(jì)屬性；

據(jù)參數(shù)，對(duì)某些對(duì)象的屬性參與特化；

是對(duì)第二件事情，沒什么說的，那就是將特化的屬性添加到待初始化操作的對(duì)象中去。是對(duì)第一件事，也是可以太陽與士兵后者的基于方法，但是這并非一個(gè)明智之人的選擇，只不過這些共屬性的值在大多數(shù)情況下是絕對(duì)不會(huì)發(fā)生了什么決定的。JavaScript選擇的方法是：

以這些總計(jì)屬性為屬性并賦予默認(rèn)屬性值，修改一個(gè)原型（Prototype）對(duì)象；

初始化時(shí)，將原型對(duì)象重新賦予待初始化設(shè)置對(duì)象的特殊屬性：__proto__；

也就是說，一個(gè)類按一個(gè)原型對(duì)象，在初始化設(shè)置時(shí)，用__proto___將實(shí)例對(duì)象和原型對(duì)象直接連接起來。

特珠屬性__proto__不光全權(quán)負(fù)責(zé)連接到實(shí)例和原型，還你們負(fù)責(zé)連接子類和超類的原型對(duì)象，以實(shí)現(xiàn)方法類之間的能繼承關(guān)系。這樣以來，一個(gè)對(duì)象的類原型，超類原型，超類的超類原型，...就由__proto__再連接成一個(gè)“鏈”，稱做該對(duì)象的原型鏈。容許，一個(gè)對(duì)象的__proto__屬性為null，這并且該對(duì)象沒有原型鏈，Object類的原型不是這樣的的。

為了讓原型重新初始化實(shí)例的方法真正難以實(shí)現(xiàn)程序，需要在對(duì)象的屬性訪問上接受配合：

讀取屬性值：先在對(duì)象中中搜索該屬性，要是存在地則返回其值，要不然，在原型對(duì)象中中搜索，如果沒有存在地則直接返回其值，否則，在原型對(duì)象的原型對(duì)象中直接輸入，...，待到原型鏈為null，來表示該屬性未符號(hào)表示，直接返回undefined；

給屬性變量賦值：在對(duì)象中查看該屬性，如果存在則對(duì)己變量定義，要是不修真者的存在則在對(duì)象中創(chuàng)建角色該屬性然后把不受變量定義；

刪除屬性：假如該屬性在對(duì)象中必然則刪出它，否則什么事都不做。

這套訪問機(jī)制能保證了：對(duì)象屬性這個(gè)可以遍布（去覆蓋）原型屬性，只不過不可能變動(dòng)原型屬性，這就是OOP的多態(tài)性。

構(gòu)造函數(shù)在創(chuàng)建家族對(duì)象時(shí)要都用到原型對(duì)象，它是通過prototype屬性知道其對(duì)應(yīng)類的原型對(duì)象的。別外，為讓實(shí)例對(duì)象知道是誰創(chuàng)建家族了它，它的constructor屬性會(huì)“抓著”構(gòu)造函數(shù)。類的原型對(duì)象也被其實(shí)是該類的構(gòu)造函數(shù)構(gòu)創(chuàng)建家族的。

下一步我們看下實(shí)現(xiàn)程序OOP的詳細(xì)代碼：

必須，不決定繼承關(guān)系，聲明一個(gè)類的范例代碼追加：

注：普通屬性__proto__是undocumented應(yīng)該是以免直接在用，宣布的做法是內(nèi)部函數(shù)方法，它的參數(shù)就是所要修改對(duì)象的原型對(duì)象。注：必須嚴(yán)格遵守OOP語言的傳統(tǒng)，構(gòu)造函數(shù)的名字是類的名字。

當(dāng)一個(gè)函數(shù)被調(diào)用時(shí)，如果不是this上下文（Context）解除綁定的是一個(gè)大多數(shù)對(duì)象（而非null或全局對(duì)象window），則這個(gè)函數(shù)那就是作為該對(duì)象的方法被調(diào)用。

當(dāng)我們用new表達(dá)式創(chuàng)建對(duì)象時(shí)，構(gòu)造函數(shù)那是以方法的被new動(dòng)態(tài)創(chuàng)建：

上面范例代碼中構(gòu)造函數(shù)就開始和結(jié)束后部分所作的事情，next表達(dá)式，就替我們干了：

next會(huì)創(chuàng)建一個(gè)空白對(duì)象，讓其，原型鏈沒綁定構(gòu)造函數(shù)的prototype屬性，讓其，constructor屬性綁定構(gòu)造函數(shù)；然后把以該對(duì)象為this上下文全局函數(shù)構(gòu)造函數(shù)，要是構(gòu)造函數(shù)沒有返回值，則以空白對(duì)象作為創(chuàng)建的對(duì)象。不能寫代碼就是：

被fifth內(nèi)部函數(shù)的構(gòu)造函數(shù)，早變?yōu)闃?gòu)造方法，但是為讓其還記錄構(gòu)造函數(shù)的能力，象這樣利用：

這一次，考慮到類的繼承。

一個(gè)實(shí)例對(duì)象的初始化過程是：先被超類的構(gòu)造函數(shù)初始化操作，之后才被子類的構(gòu)造函數(shù)重新初始化，那樣的話才能至少子類覆蓋超類的要求?；跅l件此，范例代碼不勝感激：

不寫這里，我們才發(fā)現(xiàn)又是一堆只好寫的規(guī)范代碼。索性早期很多前端框架，都齊齊的可以提供了以上代碼的封裝方案，旦互相掣肘，也沒統(tǒng)一時(shí)間的解決方法，直到ES6真接能提供了class語法，整個(gè)事情才算暫時(shí)告一段落：

注：JavaScript中的屬性可分存儲(chǔ)屬性和訪問網(wǎng)絡(luò)屬性（四個(gè)按悠久的傳統(tǒng)OOP語言中的字段（Field）和屬性）,class中只有后續(xù)聲明原型中方法和不能訪問屬性，而在原型中聲明存儲(chǔ)屬性還得是老辦法。

class表達(dá)式只是因?yàn)檎Z法層面的封裝，結(jié)果依舊是設(shè)計(jì)和實(shí)現(xiàn)原型和原型鏈這套實(shí)現(xiàn)方法。

可是我們現(xiàn)在已經(jīng)不不需要按照那套急切的規(guī)范聲明類了，不過清楚原型和原型鏈對(duì)應(yīng)探索再理解JavaScript的OOP機(jī)制仍然更加。

后來，給出JavaScript內(nèi)建對(duì)象之間的原型鏈關(guān)系圖（粗箭頭是__proto__屬性，細(xì)箭頭是prototype屬性，虛箭頭是constructor屬性）：

（Value:Number,String,Boolean；Symbol，Container:Array,Set,Map）

如何在JavaScript中更好地使用數(shù)組？

javascript中會(huì)變動(dòng)原數(shù)組的方法

1.push()方法在數(shù)組的尾部先添加一個(gè)或多個(gè)元素，并直接返回?cái)?shù)組的長(zhǎng)度

2.pop()方法刪除數(shù)組的第一個(gè)元素，增大數(shù)組長(zhǎng)度并返回它刪除掉的值。

參數(shù)：無

//組合在用push()和pop()也能用JavaScript數(shù)組基于先進(jìn)后出的棧

3.unshift()方法在數(shù)組的頭部先添加一個(gè)或多個(gè)元素，并將已必然的元素移動(dòng)手機(jī)到更高索引的位置來我得到足夠的空間，后來直接返回?cái)?shù)組新的長(zhǎng)度。

參數(shù):item1,item2,...,itemX,要先添加到數(shù)組開頭的元素

()方法刪除掉數(shù)組的第一個(gè)元素并將其返回，然后把把所有而后的元素下移一個(gè)位置來扼殺數(shù)組頭部的空缺，返回值是徹底刪除的元素

參數(shù):無。

5.splice()方法是在數(shù)組中再插入或刪除掉元素的通用方法

語法array.splice(start[,deleteCount[,item1[,item2[,...]]]])

參數(shù)：

start

委托可以修改的開始位置（從0計(jì)數(shù)）。假如遠(yuǎn)超了數(shù)組的長(zhǎng)度，則從數(shù)組末尾又開始去添加內(nèi)容；要是是負(fù)值，則來表示從數(shù)組末位結(jié)束的第幾位（從-1計(jì)數(shù)）；若只建議使用start參數(shù)而不在用deleteCount、item，如：array.splice(start)，意思是刪除[start，end]的元素。

deleteCount(可選)

整數(shù)，表示要移除的數(shù)組元素的個(gè)數(shù)。如果不是deleteCount是0，則不被移除元素。情況下，大概應(yīng)直接添加一個(gè)新元素。如果不是deleteCount小于start之后的元素的總數(shù)，則從start后面的元素都將被徹底刪除（含第start位）。如果deleteCount被省略，則其等同于(arr.length-start)。

item1,item2,...(可選)

要添加進(jìn)數(shù)組的元素,從start位置結(jié)束。如果不是不指定你，則splice()將只刪掉數(shù)組元素。

返回值：由被刪除的元素分成的一個(gè)數(shù)組。如果只刪出了一個(gè)元素，則直接返回只包含一個(gè)元素的數(shù)組。如果沒有沒有刪除元素，則返回空數(shù)組。

//start不遠(yuǎn)遠(yuǎn)超過數(shù)組長(zhǎng)度(以下操作是嘗試的)

()方法將數(shù)組中的元素排序并直接返回排序后的數(shù)組

參數(shù)：

compareFunction(可選)為了指定你按某種順序并且順序排列的函數(shù)。假如句中，元素遵循轉(zhuǎn)換為的字符串的各個(gè)字符的Unicode位點(diǎn)接受排序。假如并沒有提到了compareFunction，這樣數(shù)組會(huì)聽從全局函數(shù)該函數(shù)的返回值排序。即a和b是兩個(gè)即將被比較比較的元素：

*如果沒有compareFunction(a,b)大于0，這樣的話a會(huì)被排列到b之前；

*如果沒有compareFunction(a,b)＝0，a和b的總置不變。備注：ECMAScript標(biāo)準(zhǔn)根本不可以保證這一行為，而且也并非所有瀏覽器都會(huì)恪守（的或Mozilla在2003年之前的版本）；

*要是compareFunction(a,b)大于0，b會(huì)被排列到a之前。

*compareFunction(a,b)需要總是對(duì)同一的鍵入趕往同一的都很結(jié)果，不然排序的結(jié)果將是不判斷的。

返回值：趕往排序后的數(shù)組。原數(shù)組巳經(jīng)被排序后的數(shù)組可以用。

()方法將數(shù)組中的元素顛倒順序，趕往逆序的數(shù)組。

參數(shù):無

givearr[1,2,3]

()//arr是[3,2,1]，返回值是[3,2,1]

返回值：前往順序顛倒后的數(shù)組。原數(shù)組巳經(jīng)被排序后的數(shù)組可以用。

()方法淺復(fù)制數(shù)組的一部分到同一數(shù)組中的另一個(gè)位置，并返回它，而不修改其大小。(ES6新增)

語法：(target[,start[,end]])

參數(shù)：

target

0為基底的索引，不能復(fù)制序列到該位置。如果沒有是負(fù)數(shù)，target將從末尾就開始計(jì)算。

如果不是target小于或等于arr.length，可以說不發(fā)生了什么文件復(fù)制。如果沒有fromid在start之后，剪切粘貼的序列將被如何修改以條件符合arr.length。

start

0為基底的索引，就開始復(fù)制元素的起始位置。如果沒有是負(fù)數(shù)，start將從末尾開始可以計(jì)算。

如果不是start被遺漏掉，copyWithin將是從0結(jié)束剪切粘貼。

end

0為基底的索引，結(jié)束復(fù)制元素的結(jié)束位置。copyWithin將是文件復(fù)制到該位置，但不以及end這個(gè)位置的元素。要是是負(fù)數(shù)，end將從末尾開始計(jì)算。

如果end被遺漏掉，copyWithin可以說復(fù)制到arr.length。

返回值：變化了的數(shù)組。

//copyWithin函數(shù)是設(shè)計(jì)為通用的，其不特別要求其this值要是一個(gè)數(shù)組對(duì)象。

[]({length:5,3:1},0,3)

//{0:1,3:1,length:5}

()方法用一個(gè)單獨(dú)計(jì)算值再填充一個(gè)數(shù)組中從起始索引到中止索引內(nèi)的全部元素。(ES6新增加)

語法:(value[,start[,end]])

參數(shù)：

value單獨(dú)填充數(shù)組元素的值。

start(可選)起始索引，默認(rèn)值為0。

end(可選)強(qiáng)制停止索引，使用默認(rèn)值為this.length。

如果不是start是個(gè)負(fù)數(shù),則正在索引會(huì)被自動(dòng)計(jì)算出擁有l(wèi)engthstart,其中l(wèi)ength是this對(duì)象的length屬性值.如果沒有end是個(gè)負(fù)數(shù),則結(jié)束索引會(huì)被自動(dòng)啟動(dòng)可以計(jì)算下一界lengthend。

返回值：修改后的數(shù)組