成人AV在线无码|婷婷五月激情色,|伊人加勒比二三四区|国产一区激情都市|亚洲AV无码电影|日av韩av无码|天堂在线亚洲Av|无码一区二区影院|成人无码毛片AV|超碰在线看中文字幕

js繼承的方法 如何理解JavaScript的原型和原型鏈?

如何理解JavaScript的原型和原型鏈?JavaScript中的原型和原型鏈都是實(shí)現(xiàn)OOP的手段。OOP在JavaScript中的具體實(shí)現(xiàn)如下:對象是屬性的集合。特別地,其值是函數(shù)的屬性是方法。相

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

JavaScript中的原型和原型鏈都是實(shí)現(xiàn)OOP的手段。OOP在JavaScript中的具體實(shí)現(xiàn)如下:

對象是屬性的集合。特別地,其值是函數(shù)的屬性是方法。相似對象的公共屬性被提取并聚集在一起形成一個類。這些對象被稱為這個類的實(shí)例。同樣,相似類的公共屬性被提取出來,聚集在一起形成一個新類,這個新類是以前類的超類,以前的類是這個類的子類。。多個超類也可以作為子類來聚集一個新的超類,這個過程會一直持續(xù)下去,直到出現(xiàn)一個名為Object的類,并且它的超類為Null。

類不僅是公共屬性的集合,還是對象工廠。類的實(shí)例對象是由該類的構(gòu)造函數(shù)創(chuàng)建的。構(gòu)造函數(shù)負(fù)責(zé)兩件事:

創(chuàng)建一個對象;

初始化對象;

因?yàn)榉椒ㄒ呀?jīng)提供了前者的實(shí)現(xiàn),所以構(gòu)造函數(shù)真正需要做的是初始化對象,這分為兩件事:

讓對象具有由類收集的公共屬性;

根據(jù)參數(shù),一些對象的屬性被特殊化;

對于第二件事,沒什么好說的,就是給要初始化的對象添加專門的屬性。對于第一件事,你也可以模仿后一種實(shí)現(xiàn)方法,但這并不是一個明智的選擇,因?yàn)檫@些公共屬性的值在大多數(shù)情況下是不會改變的。賈瓦斯選擇抄本腳本的方法:

將這些公共屬性作為屬性,并賦予它們默認(rèn)的屬性值,創(chuàng)建一個原型對象;

初始化時,原型對象被賦予要初始化的對象的特殊屬性:_ _ proto _ _

也就是說,一個類對應(yīng)一個原型對象,初始化時用_ _ proto _ _連接實(shí)例對象和原型對象。

特殊屬性__proto__不僅負(fù)責(zé)連接實(shí)例和原型,還負(fù)責(zé)連接子類和超類的原型對象,實(shí)現(xiàn)類之間的繼承關(guān)系。這樣,一個對象的類原型、超類原型、超類原型就通過__proto__連接起來了。變成一個 "鏈條 ",稱為對象的原型鏈。是的,一個對象的__proto__屬性為null,說明這個對象沒有原型鏈,Object類的原型是這樣的。

為了實(shí)現(xiàn)通過原型初始化實(shí)例的方法,需要在訪問對象的屬性時相互協(xié)作:

讀取屬性值:先在對象中尋找屬性,如果存在則返回其值;否則,在prototype對象中查找,如果存在則返回其值;否則在prototype對象的prototype對象中查找,直到原型鏈為空,表示該屬性未定義,返回undefi。Ned;

給屬性賦值:找到對象中的屬性,如果存在就給它賦值,如果不存在就在對象中創(chuàng)建屬性并給它賦值;

刪除屬性:如果屬性存在于對象中,刪除它,否則不做任何事情。

這種訪問機(jī)制保證了對象屬性可以覆蓋(揭開)原型屬性,但不會改變原型屬性,這就是OOP的多態(tài)性。

構(gòu)造函數(shù)在創(chuàng)建對象時需要使用prototype對象,通過prototype屬性知道其對應(yīng)類的prototype對象。此外,為了讓實(shí)例對象知道誰創(chuàng)建了它,它的構(gòu)造函數(shù)屬性 "抓取 "構(gòu)造函數(shù)。原型類對圖像也被認(rèn)為是由這個類的構(gòu)造函數(shù)創(chuàng)建的。

接下來,讓我們 讓我們看看實(shí)現(xiàn)OOP的具體代碼:

首先,不考慮繼承關(guān)系,聲明類的示例代碼如下:

注意:應(yīng)該避免直接使用特殊屬性__proto__。正式的是調(diào)用方法,方法的參數(shù)是要創(chuàng)建的對象的原型對象。注意:按照OOP語言的傳統(tǒng),構(gòu)造函數(shù)的名字就是類的名字。

當(dāng)一個函數(shù)被調(diào)用時,如果這個上下文被綁定到一個普通的對象(而不是空的或者全局的對象窗口),這個函數(shù)被作為對象的方法調(diào)用。

當(dāng)我們用一個新的表達(dá)式創(chuàng)建一個對象時,構(gòu)造函數(shù)被new以方法的形式調(diào)用:

在上面的示例代碼中,構(gòu)造函數(shù)在開頭和結(jié)尾所做的事情,新的表達(dá)式,為我們做了:

New會創(chuàng)建一個空白對象,使其原型鏈綁定構(gòu)造函數(shù)的原型屬性,使其構(gòu)造函數(shù)屬性綁定構(gòu)造函數(shù);然后調(diào)用構(gòu)造函數(shù),將此對象作為此的上下文,如果構(gòu)造函數(shù)如果函數(shù)不返回值,則使用一個空白對象作為創(chuàng)建的對象。用代碼寫的是:

new調(diào)用的構(gòu)造函數(shù)已經(jīng)轉(zhuǎn)化為構(gòu)造函數(shù),但為了保持其構(gòu)造函數(shù)能力,一般實(shí)現(xiàn)如下:

接下來,考慮類的繼承。

實(shí)例對象的初始化過程是:先被超類的構(gòu)造函數(shù)初始化,再被子類的構(gòu)造函數(shù)初始化,以滿足子類覆蓋超類的要求?;诖?,示例代碼如下:

寫到這里,我們發(fā)現(xiàn)是一堆標(biāo)準(zhǔn)代碼不得不寫。所以早期很多前端框架陸續(xù)提供了上述代碼的封裝方案,但是一直沒有統(tǒng)一的解決方案,直到ES6直接提供了類語法,整個事情才告一段落:

注意:JavaScript中的屬性分為存儲屬性和訪問屬性(分別對應(yīng)傳統(tǒng)OOP語言中的字段和屬性)。只有原型中的方法和訪問屬性可以在類中聲明,而存儲是在原型中聲明的。屬性必須是老方法。

類表達(dá)只是語法層面的封裝,最終還是基于原型和原型鏈。

雖然我們不。;現(xiàn)在不需要根據(jù)那套復(fù)雜的規(guī)范來聲明類,理解原型和原型鏈,深入理解JavaScript的OOP機(jī)制仍然非常重要。

最后給出JavaScript內(nèi)置對象之間的原型鏈圖(粗箭頭為__proto__屬性,細(xì)箭頭為原型屬性,虛箭頭為構(gòu)造器屬性):

(Value: number, string, Boolean; Symbol, container : array, set, map)

ES6和以前的javascript的區(qū)別?

ES6是js的新標(biāo)準(zhǔn),ES6之前的標(biāo)準(zhǔn)本質(zhì)上都是原型繼承函數(shù)p(){ this . x 5 } functions(){ this . y 6。