JavaScript对象和构造函数类型

Question

重新创建相同类型的对象

根据Image Im尝试重新创建该类型的Object。 Chrome开发工具

Console.log(TabPanel) 给我对象的回报，但是我不明白的是函数名

  

TabPanel： f TabPanel（）

在日志中跟随 f 符号。

如何通过一个尝试使用构造函数和原型的简单示例来重新创建该类型的对象。我不确定他们是如何实现的

the console log

Answer 1

devtools向您显示的是，您记录的对象上的TabPanel属性值是对称为TabPanel的函数的引用（不是TabPanel创建的对象， TabPanel函数本身）。这是一个示例：

function Example() {
}
var o = {
  ex: Example
};
console.log(o);

Look in the real console.

这给了我们

Answer 2

如果使用名称创建函数，则它将在控制台中显示。

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

将按照您在屏幕截图中显示的记录进行记录

如果您希望将其作为对象的一部分，则可以执行以下操作：

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

将哪个作为对象登录，展开后将显示您的命名函数。