在嵌套對象上實現代理

我正在試驗ES6中的代理，試圖在對象上創建無限可鏈接的代理（從https://jsonplaceholder.typicode.com/users獲得），如果找不到prop，則返回空{}。在嵌套對象上實現代理

我試圖實現此功能高達第二級（例如user.address.geo）。編輯：用於檢查類型屬性內容的更新代碼

let users = [{ 
    "id": 1, 
    "name": "Leanne Graham", 
    "username": "Bret", 
    "email": "[email protected]", 
    "address": { 
     "street": "Kulas Light", 
     "suite": "Apt. 556", 
     "city": "Gwenborough", 
     "zipcode": "92998-3874" 
    }, 
    "phone": "1-770-736-8031 x56442", 
    "website": "hildegard.org" 
}, 
{ 
    "id": 2, 
    "name": "Ervin Howell", 
    "username": "Antonette", 
    "email": "[email protected]", 
    "address": { 
     "street": "Victor Plains", 
     "suite": "Suite 879", 
     "city": "Wisokyburgh", 
     "zipcode": "90566-7771" 
    }, 
    "phone": "010-692-6593 x09125", 
    "website": "anastasia.net" 
}];

我想出了下面的代碼

var handler = { 
    get: function (target, name) { 
     return name in target ? 
      target[name] : {}; 
    } 
}; 

let pusers = users.map(item => { 
    let pitem = new Proxy(item, handler); 
    Reflect.ownKeys(pitem).map(prop => { 
     pitem[prop] = (typeof pitem[prop] == 'object') ? new Proxy(pitem[prop], handler) : pitem[prop]; 
    }) 
    return pitem; 
}); 

pusers.map(u => { 
    console.log(u.address); 
    console.log(u.contact.city) 
});

這段代碼的輸出是沒有吸引力，它返回undefined，而不是一個空{}對象

{ street: 'Kulas Light', 
    suite: 'Apt. 556', 
    city: 'Gwenborough', 
    zipcode: '92998-3874' } 
undefined

我做了這幾次，仍然得到相同的結果。我錯過了什麼嗎？

來源

2017-03-16 NikhilGoud

[有沒有這樣的事，作爲一個「JSON對象」]（http://benalman.com/news/2010/03/theres-no-such-thing-as-a-json/） –

'checkJSON' - 什麼？這看起來非常令人費解，根本不清楚該功能應該做什麼。 – Bergi

檢查值是否是類型對象：我從http://stackoverflow.com/questions/4295386/how-can-i-check-if-a-value-is-a-json-object – NikhilGoud

您不希望使用map僅在代理中包裝數組的元素。相反，你希望你的get處理程序返回的屬性包中的所有對象：

const handler = { 
    get(target, name) { 
     const v = target[name]; 
     return typeof v == "object" ? new Proxy(v, handler) : v; 
    } 
}; 
let pusers = new Proxy(users, handler);

每一個嵌套的對象訪問將經過處理現在，包括像。

現在你只需要添加的默認值不存在的屬性，我猜你會想將它們存儲在相應的目標，讓突變：

const handler = { 
    get(target, name) { 
     const v = name in target ? target[name] : (target[name] = {}); 
     return typeof v == "object" ? new Proxy(v, handler) : v; 
    } 
}; 
let pusers = new Proxy(users, handler);

來源

2017-03-17 12:16:57 Bergi

拍攝，我沒有真正考慮更改處理程序，只是將處理程序分配給obj數組，而不是顯然是錯誤的。感謝您的詳細解釋。有一件事，所以這裏代理將被動態應用對嗎？同時訪問道具。 – NikhilGoud

是的，確切地說。請注意，這意味着'pusers [0]！= pusers [0]'，因爲它們是從不同處理函數調用創建的不同代理實例。如果你想避免這種情況，你需要將代理自己存儲在某個地方（也許是'WeakMap'）。 – Bergi

在嵌套對象上實現代理

回答

相關問題