說明:

• 數據劫持,簡單的說就是在對數據進行操作(增刪改查)時,觸發的函數
• 下面想通過使用以下的形式來使用:

let proxy = reactive({ name:'lz' }); proxy.name; // 獲取 proxy.name = '栗子'; // 設置 delete proxy.name; // 刪除

解決方案:

• proxy函數的2個參數
• 第一個參數: 接收一個對象(被劫持的對象)
• 第二個參數: 接收一個劫持的對象屬性
• 首先判斷傳入的參數是不是對象,如果不是則返回

const isObject = (val) => {return typeof val === 'object' && val !== null; } const reactive = (target) =>{const baseHandler = {get(){ // 劫持讀console.log('獲取');},set(){ // 劫持寫console.log('設置');},deleteProperty(){ // 劫持刪console.log('刪除');}}return observed = new Proxy(target, baseHandler); }

總結

以上是生活随笔為你收集整理的es6 --- 使用proxy对数据进行劫持的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。