正文

這一章其實(shí)算是javascript的科普文章，其實(shí)這本書(shū)的讀者一般都不會(huì)是入門者，因此按道理說(shuō)應(yīng)該不需要再科普才對(duì)。但是作者依舊安排了這一章，證明就是這一章內(nèi)容與我們以為的對(duì)象不一樣。

Javascript中一切皆對(duì)象

這一句話大家應(yīng)該耳熟能詳，對(duì)于常規(guī)的字面量對(duì)象，和new出來(lái)的對(duì)象，大家應(yīng)該都能分辨

const str = ''
const str2 = new String()
const obj = {}
const obj2 = Object.create()

但是根據(jù)ECMA，在javascript中其實(shí)分為2種對(duì)象：常規(guī)對(duì)象和異質(zhì)對(duì)象。任何不屬于常規(guī)對(duì)象的都叫異質(zhì)對(duì)象。

在javascript的世界中，函數(shù)也是一個(gè)對(duì)象。當(dāng)我們指向Obj.foo時(shí)，其實(shí)就會(huì)調(diào)用對(duì)象內(nèi)部[[Get]]方法去獲取這個(gè)值，在ECMA中規(guī)定了如下內(nèi)部方法(網(wǎng)圖)。所以

所以，普通對(duì)象必須具有一組被稱為基本內(nèi)部方法（essential internal methods）的方法所定義的默認(rèn)行為，也就是上圖。如果改變了默認(rèn)方法，那么就是異質(zhì)對(duì)象。

比如Array,當(dāng)我們把Array.lenght = 0,它會(huì)清空數(shù)組。

當(dāng)我看到這張圖就知道了，如何判斷一個(gè)變量到底是普通對(duì)象還是函數(shù)呢？答案就是判斷它使用了[[Get]]還是[[Call]]。

毫無(wú)疑問(wèn)，Proxy是異質(zhì)對(duì)象，它可以直接性改變一些默認(rèn)方法。當(dāng)我們?cè)?code>Proxy中沒(méi)有定義Get攔截器的時(shí)候，他會(huì)調(diào)用對(duì)象內(nèi)部自己的[[Get]]，代理透明.

這一段話我反復(fù)看了很久，才明白它的意思。其實(shí)，proxy并不會(huì)直接改變對(duì)象內(nèi)部方法和行為，它是通過(guò)指定需要代理的方法，去執(zhí)行攔截的功能，這也與Proxy的用法符合。

const p = new Proxy(obj,{/*被代理的屬性*/})

這時(shí)候p是與obj完全不相同的對(duì)象，有著不一樣的內(nèi)存地址。這就導(dǎo)致，當(dāng)我們不能直接在p上去操縱obj，這時(shí)候我們就要反射Reflect,反射猶如一面鏡子，映照著原始對(duì)象的地址，我們?nèi)ゲ僮髟紝?duì)象obj，而不是p。

前面2章講了一些關(guān)于Proxy和Reflect的八股文，下一章就是具體講解vue3如何使用Proxy了。

以上就是Javascript對(duì)象及Proxy工作原理詳解的詳細(xì)內(nèi)容，更多關(guān)于Javascript對(duì)象Proxy的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

最新評(píng)論