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

Question

我正在尝试获取对象的基本类型但失败了。Chrome 的控制台似乎可以做到，但我做不到。

这是控制台给我的：

我试图以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错误。此外，随着嵌套的加深，由于继承可能会出现区分实例和子实例的问题。这个答案在这个问题上提供了线索。

这个相关的答案已经概述了为什么所有这些都不能通过一个简单的内置解决方案来实现的原因。

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>