При проверке объекта JavaScript, который использует функции получения/установки для свойств (определяемых с помощью Object.defineProperties) в представлении переменных Firefox DevTools, он показывает определенные функции получения и установки для этого конкретного свойства:
Есть ли способ показать фактический контент вместо функций в этом представлении?
Редактировать: как прокомментировал nils, просмотр фактического содержимого технически означает вызов геттера.
Начиная с Firefox 65, геттер можно вызвать с помощью кнопки рядом с ним внутри зарегистрированного объекта.
Это было реализовано в ошибке 820878 соответственно. выпуск 6140 на GitHub.
В версиях до Firefox 65 вы могли вывести возвращаемое геттером значение, просто вызвав его напрямую через командную строку.
Альтернативой является использование этого обходного пути вместо регистрации объекта:
console.log(objectVar)
Вы можете назначить текущее состояние пустому объекту, а затем зарегистрировать его:
console.log(Object.assign({}, objectVar)) // works on all browsers
// OR
console.log({...objectVar}) // es6 only
Примечание: писать это быстро становится утомительно, поэтому, если вы используете редактор кода (Atom/VScode), вы можете добавить это как фрагмент
Вот пример фрагмента, где вы можете просто ввести «l», а затем нажать клавишу Tab:
'.source.js':
'console.log object':
'prefix': 'l'
'body': "console.log('${1:variable}', Object.assign({}, ${1:variable}))"
ИЛИ для ES6:
'.source.js':
'console.log object':
'prefix': 'l'
'body': "console.log('${1:variable}', {...${1:variable}})"
Firefox будет неправильно отображать свойства объекта, собранные, например, из API, но значения, созданные мгновенно в контексте, отображаются правильно. Я нашел обходной путь с помощью библиотеки lodash (https://lodash.com/). с другой инфраструктурой js, которая может полностью клонировать объект.
console.dir(_.cloneDeep(objectToShowInConsole))
Надеюсь, поможет.
obj.counterв качестве контрольного выражения дляvar obj = {i:0, get counter() { return this.i++; }}, а затем переключитесь между панелями. Вы увидите, как значение увеличивается. И когдаobj.counterвыполняется через командную строку, значение не обновляется в выражении наблюдения. - person Sebastian Zartner schedule 13.09.2016