javascript - 无法获取对象的基类型

Question

我正在尝试获取对象的基本类型但失败了。 chrome的console好像可以，我不行。

这是控制台给我的:

我正在尝试以某种方式获取 Blockly.FieldDropdown。

Chrome 控制台如何找到它，但我找不到？

该对象由 Google Blockly 返回:

var block = Blockly.mainWorkspace.getBlockById(e.blockId);
var field = block.getField(inputId); //field is the object shown in console above...

或者作为一个独立的工作示例:

var field = new Blockly.FieldDropdown([['left', 'LEFT'], ['right', 'RIGHT']]);
// these return an empty string, but I'd like to get back "Blockly.FieldDropdown"
console.log(Object.getPrototypeOf(field).constructor.name);
console.log(field.__proto__.constructor.name);
// the following shows "Blockly.FieldDropdown" in front of the properties
// in Chrome's dev console (but not in Firefox for example,
// and the name is not accessible):
// console.log(field);

<script src="https://cdn.jsdelivr.net/npm/blockly@3.20191014.3/blockly.min.js"></script>

我试过找到一个返回类型的 Blockly 方法，但我还没有见过。

Answer 1

这是我想出的。它通过迭代 Blockly 对象的属性并检查该属性是否可实例化以及我们正在检查的对象是否是它的直接实例来工作。

这是一个非常专业的解决方案，适用于单个类及其直接属性。更通用的解决方案必须递归遍历 window(或 globalThis，如果不在浏览器上下文中)对象，这将非常耗费资源(可能会卡住浏览器)并且必须结合一种机制来防止 Too much recurson 错误。此外，对于更深的嵌套，由于继承可能会出现区分实例和子实例的问题。 This answer在此问题上发挥领导作用。

概述了为什么所有这些都无法使用简单的内置解决方案来实现的原因 in this related answer .

var field = new Blockly.Field();
var fieldD = new Blockly.FieldDropdown([['left', 'LEFT'], ['right', 'RIGHT']]);
var fieldI = new Blockly.FieldImage('https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-logo.png', 1200, 286);

function getBaseType(o) {
  let baseType = null;
  Object.entries(Blockly).find(([name, t]) => {
    let isInstanceOf = t && t.prototype && Object.getPrototypeOf(o) === t.prototype;
    if (isInstanceOf) {
      baseType = `Blockly.${name}`;
    }
    return isInstanceOf;
  });
  return baseType;
}

console.log(getBaseType(field));
console.log(getBaseType(fieldD));
console.log(getBaseType(fieldI));

<script src="https://cdn.jsdelivr.net/npm/blockly@3.20191014.3/blockly.min.js"></script>