Объекты JavaScript и типы конструкторов

Воссоздать объект того же типа

Согласно изображению, я пытаюсь воссоздать этот тип объекта. Инструменты разработчика Chrome

Console.log(TabPanel) Дает мне отдачу от объекта, но я не понимаю, как имя функции

TabPanel : f TabPanel()

следует за символом ж в журнале.

Как я могу воссоздать этот тип объекта на простом примере, который я пытался использовать конструкторы и прототипы. Я не уверен, как они этого добились

журнал консоли

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
0
33
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Если вы создадите свою функцию с именем, она будет отображаться в вашей консоли.

const TabPanel = function TabPanel() {};
console.info(TabPanel);

Будет регистрироваться, как показано на скриншоте

Если вы хотите, чтобы это было частью объекта, вы могли бы:

const TabPanel = {
    TabPanel: function TabPanel() { ... }
}

Что будет регистрироваться как объект, который при расширении покажет вам вашу названную функцию.

Спасибо, но поместите это в объект вроде 'TabPanel = {}; TabPanel .TabPanel = (функция () {....}); 'вы все еще не видите этого в журнале Chrome

JonoJames 09.08.2018 18:09

Да, если определить функцию без имени, она не будет отображаться так, как вы хотите, потому что функция не имеет имени. Обновил мой пример

Steve Vaughan 09.08.2018 18:10
Ответ принят как подходящий

Что devtools показывает вам, так это то, что значение свойства TabPanel для объекта, который вы зарегистрировали, является ссылкой на функцию с именем TabPanel (а не на объект, созданный TabPanel, самой функцией TabPanel). Вот пример:

function Example() {
}
var o = {
  ex: Example
};
console.info(o);
Look in the real console.

Это дает нам:

Oooohhhhhhhhh Спасибо, что имеет смысл .... Я бы проголосовал за вас, если бы мог

JonoJames 09.08.2018 18:12

Другие вопросы по теме