如何使用JavaScript Proxy()對象?相信很多沒有經(jīng)驗的人對此束手無策,為此本文總結(jié)了問題出現(xiàn)的原因和解決方法,通過這篇文章希望你能解決這個問題。
站在用戶的角度思考問題,與客戶深入溝通,找到沙雅網(wǎng)站設(shè)計與沙雅網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗,讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、空間域名、網(wǎng)絡(luò)空間、企業(yè)郵箱。業(yè)務(wù)覆蓋沙雅地區(qū)。
JavaScript中的代理對象用于定義基本操作的自定義行為(例如,屬性查找,賦值,枚舉,函數(shù)調(diào)用等)。
語法:
var p = new Proxy(target, handler);
參數(shù):代理對象接受如上所述的兩個參數(shù),如下所述:
target:要使用Proxy包裝的目標對象(可以是任何類型的對象,包括函數(shù),類,甚至是另一個代理)。
handler:一個對象,其屬性是在對其執(zhí)行操作時定義代理行為的函數(shù)。
例:
<script> const Person = { Name: 'John Nash', Age: 25 }; const handler = { // target表示Person,而prop表示代理屬性。 get: function(target, prop) { if (prop === 'FirstName') { return target.Name.split(' ')[0]; } if (prop === 'LastName') { return target.Name.split(' ').pop(); } else { return Reflect.get(target,prop); } } }; const proxy1 = new Proxy(Person, handler); document.write(proxy1 + "<br>"); // 雖然沒有像FirstName和LastName那樣的屬性,但是我們?nèi)匀猾@取到它們,就好像它們是屬性而不是函數(shù)一樣。 document.write(proxy1.FirstName + "<br>"); document.write(proxy1.LastName + "<br>"); </script>
輸出:
[object Object] John Nash
注意:如果安裝了NodeJs,上面的代碼可以直接在終端運行,否則可以在HTML文件中運行,方法是在script標簽中粘貼上面的代碼,然后在任何web瀏覽器的控制臺中檢查輸出。
看完上述內(nèi)容,你們掌握如何使用JavaScript Proxy()對象的方法了嗎?如果還想學到更多技能或想了解更多相關(guān)內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
當前文章:如何使用JavaScriptProxy()對象
分享鏈接:http://www.rwnh.cn/article2/psgeic.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站策劃、外貿(mào)建站、企業(yè)網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站、標簽優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)