說(shuō)明:

• 數(shù)據(jù)劫持,簡(jiǎn)單的說(shuō)就是在對(duì)數(shù)據(jù)進(jìn)行操作(增刪改查)時(shí),觸發(fā)的函數(shù)
• 下面想通過(guò)使用以下的形式來(lái)使用:

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

解決方案:

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

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

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。