本文小編為大家詳細(xì)介紹“es6代理模式怎么理解”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“es6代理模式怎么理解”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來(lái)學(xué)習(xí)新知識(shí)吧。

創(chuàng)新互聯(lián)長(zhǎng)期為近1000家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開(kāi)放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為宣漢企業(yè)提供專業(yè)的成都做網(wǎng)站、網(wǎng)站建設(shè)、外貿(mào)營(yíng)銷網(wǎng)站建設(shè)，宣漢網(wǎng)站改版等技術(shù)服務(wù)。擁有10年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開(kāi)發(fā)。

es6代理模式是一種設(shè)計(jì)模式，指的是一個(gè)類別可以作為其他東西的接口，具體的表現(xiàn)形式就是es6中新增的Proxy對(duì)象；Proxy對(duì)象用于定義基本操作的自定義行為，語(yǔ)法為“l(fā)et p=new Proxy(target,handler);”。

本教程操作環(huán)境：windows10系統(tǒng)、ECMAScript 6.0版、Dell G3電腦。

es6代理模式是什么

代理模式（英語(yǔ)：Proxy Pattern）是程序設(shè)計(jì)中的一種設(shè)計(jì)模式。

所謂的代理者是指一個(gè)類別可以作為其它東西的接口。代理者可以作任何東西的接口：網(wǎng)絡(luò)連接、內(nèi)存中的大對(duì)象、文件或其它昂貴或無(wú)法復(fù)制的資源。

而在JavaScript中代理模式的具體表現(xiàn)形式就是ES6中的新增對(duì)象---Proxy

Proxy 的解釋是:

Proxy對(duì)象用于定義基本操作的自定義行為（如屬性查找，賦值，枚舉，函數(shù)調(diào)用等）。

簡(jiǎn)單來(lái)說(shuō): Proxy 對(duì)象就是可以讓你去對(duì)JavaScript中的一切合法對(duì)象的基本操作進(jìn)行自定義.然后用你自定義的操作去覆蓋其對(duì)象的基本操作.也就是當(dāng)一個(gè)對(duì)象去執(zhí)行一個(gè)基本操作時(shí),其執(zhí)行的過(guò)程和結(jié)果是你自定義的,而不是對(duì)象的.

:sweat:好吧,用文字表達(dá)可能太復(fù)雜了.我們還是直接上代碼吧.

Proxy的語(yǔ)法是:

let p = new Proxy(target, handler);

• target 是你要代理的對(duì)象.它可以是JavaScript中的任何合法對(duì)象.如: (數(shù)組, 對(duì)象, 函數(shù)等等)

• handler 是你要自定義操作方法的一個(gè)集合.

• p 是一個(gè)被代理后的新對(duì)象,它擁有 target 的一切屬性和方法.只不過(guò)其行為和結(jié)果是在 handler 中自定義的.

然后讓我們來(lái)看這段代碼:

let obj = {
 a: 1,
 b: 2,
}
 
const p = new Proxy(obj, {
 get(target, key, value) {
  if (key === 'c') {
   return '我是自定義的一個(gè)結(jié)果';
  } else {
   return target[key];
  }
 },
 
 set(target, key, value) {
  if (value === 4) {
   target[key] = '我是自定義的一個(gè)結(jié)果';
  } else {
   target[key] = value;
  }
 }
})
console.log(obj.a) // 1
console.log(obj.c) // undefined
console.log(p.a) // 1
console.log(p.c) // 我是自定義的一個(gè)結(jié)果
obj.name = '李白';
console.log(obj.name); // 李白
obj.age = 4;
console.log(obj.age); // 4
p.name = '李白';
console.log(p.name); // 李白
p.age = 4;
console.log(p.age); // 我是自定義的一個(gè)結(jié)果

從上面這段代碼中,我可以很清楚的看到 Proxy 對(duì)象的作用.即是之前所受的 用于定義基本操作的自定義行為 .同樣的 get 和 set 操作.沒(méi)有沒(méi)代理的對(duì)象所得的結(jié)果是其JavaScript本身的執(zhí)行機(jī)制運(yùn)行計(jì)算后所得到的.而被代理了的對(duì)象的結(jié)果則是我們自定義的.

Proxy的兼容性如下：

讀到這里，這篇“es6代理模式怎么理解”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過(guò)才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

新聞標(biāo)題：es6代理模式怎么理解
標(biāo)題鏈接：http://chinadenli.net/article30/ggpdso.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、面包屑導(dǎo)航、靜態(tài)網(wǎng)站、網(wǎng)站排名、網(wǎng)站改版、網(wǎng)站導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)