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

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

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

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

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

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

重新初始化該對象；

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

讓對象具有類所聚集的總計屬性；

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

javascript中會變動原數(shù)組的方法

1.push()方法在數(shù)組的尾部先添加一個或多個元素，并直接返回數(shù)組的長度

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

參數(shù)：無

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

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

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

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

參數(shù):無。

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

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

參數(shù)：

start

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

deleteCount(可選)

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

item1,item2,...(可選)

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

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

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

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

參數(shù)：

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

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

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

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

*compareFunction(a,b)需要總是對同一的鍵入趕往同一的都很結(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ù)組中的另一個位置，并返回它，而不修改其大小。(ES6新增)

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

參數(shù)：

target

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

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

start

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

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

end

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

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

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

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

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

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

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

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

參數(shù)：

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

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

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

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

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