Я использую библиотеку, которая превращает вещи в прокси-объекты ES6, и другую библиотеку, которая, как я думаю, задыхается, потому что я передаю ей один из этих (я знаю, мой код — пародия), и я не мог понять, как для unProxy объекта Proxy.
Но я просто был тупым. Прокси могут все!
Пробовал использовать JSON.parse(JSON.stringify(proxyObj)), но это удаляет все, что не может быть преобразовано в строку (например, классы, функции, обратный вызов и т. д.), что не подходит для моего варианта использования, поскольку у меня есть объявления некоторых функций обратного вызова в моем объекте, и я хочу видеть их как часть моего объекта. Однако я обнаружил, что использование функции Lodash cloneDeep делает очень хорошую работу по преобразованию прокси-сервера. объект в POJO, сохраняя при этом структуру объекта.
convertProxyObjectToPojo(proxyObj) {
return _.cloneDeep(proxyObj);
}
Я нахожу хак. В моем случае я не могу контролировать создание прокси (наблюдаемые значения mobx). Итак, решение:
JSON.parse(JSON.stringify(your.object))
pp = new Proxy(
{a:1},
{
get: function(target, prop, receiver) {
if(prop==='target') return target
}
}
)
Но это будет работать только в том случае, если вы можете контролировать создание прокси. А оказывается все еще проще:
pojo = Object.assign({}, proxyObj) // won't unwrap nested proxies though
Для читателей, которым может понравиться этот ответ, новый ответ Дэвида Гилбертсона может быть лучше. Я лично предпочитаю lodash clonedeep. И самым популярным кажется JSON.parse(JSON.stringify(...))
{a: undefined}, а не {a: 1}, если обработчик get все еще существует. В противном случае ({...proxyObj}) будет еще короче. .
- person Sebastian Simon; 01.11.2018
get нужен случай else, когда он ведет себя нормально (т. е. Reflect.get) на свойствах, отличных от target.
- person Bergi; 01.11.2018
Как насчет использования оператора расширения?
const plainObject = { ...proxyObject };
Спасибо @sigfried за ответ, это именно то, что я искал!
Вот немного более подробная версия, где используется Symbol, чтобы избежать конфликтов с реальными именами реквизита.
const original = {foo: 'bar'};
const handler = {
get(target, prop) {
if (prop === Symbol.for('ORIGINAL')) return target;
return Reflect.get(target, prop);
}
};
const proxied = new Proxy(original, handler);
console.assert(original !== proxied);
const unproxied = proxied[Symbol.for('ORIGINAL')];
console.assert(original === unproxied);
Обычно для этого вы используете mobx util toJS().
import { observable, toJS } from "mobx";
const observed = observable({ foo: 'bar' })
const obj = toJS(observed)
В конструкторе непроксируемых объектов добавьте this.self=this
Затем убедитесь, что ваш обработчик get позволяет вернуть свойство self, и все готово. proxiedMyObj.self===myObj //returns true
