如何使用JavaScript Proxy()對象

如何使用JavaScript  Proxy()對象？相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。

  JavaScript中的代理對象用于定義基本操作的自定義行為（例如，屬性查找，賦值，枚舉，函數調用等）。

語法：

var p = new Proxy(target, handler);

參數：代理對象接受如上所述的兩個參數，如下所述：

target：要使用Proxy包裝的目標對象（可以是任何類型的對象，包括函數，類，甚至是另一個代理）。

handler：一個對象，其屬性是在對其執行操作時定義代理行為的函數。

例：

<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那樣的屬性，但是我們仍然獲取到它們，就好像它們是屬性而不是函數一樣。
document.write(proxy1.FirstName + "<br>"); 
document.write(proxy1.LastName  + "<br>");      
</script>

輸出：

[object Object]
John
Nash

注意:如果安裝了NodeJs，上面的代碼可以直接在終端運行，否則可以在HTML文件中運行，方法是在script標簽中粘貼上面的代碼，然后在任何web瀏覽器的控制臺中檢查輸出。

看完上述內容，你們掌握如何使用JavaScript  Proxy()對象的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！