使用 Object.prototype.toString.call() 通过 Javascript 返回对象类型 - 在 IE 中不起作用

Question

希望我能以一种可以理解的方式问这个问题......

总的来说，我正在尝试确定我当前正在处理的对象类型。

我正在创建一个集合（HTML 是示例，而不是字面意思），我需要将集合过滤到某些元素，例如：

        <div id="tabContentWrap">
            <div id="tab">
                <a href="http://somelink">Link Element</a><img src="img.jpg" alt="img" />
                <select id="my_select"><option value="1">1</option></select>
            </div>
        </div>

function getFilteredElements() {
    var tabContent = getElementsByClass("tabContentWrap", document.getElementById(tabWrapId), "div");

    for (var j = 0; j < tabContent.length; j++){
        tabContentLinks = tabContent[j].getElementsByTagName('*');
        for (var k = 0; k < tabContentLinks.length; k++){
            // Here i attempt to filter the collection
            if (tabContentLinks[k] == '[object HTMLSelectElement]') {
                alert("found select list");
            }
         }
     }
 }

在 Mozilla 中工作正常，但在 Internet Explorer 8 中不行，tabContentLinks[k] 返回[object] 而不是 [object 'ObjectType']

所以我调查并发现你可以使用 Object.prototype.toString.call(object) 获取对象类型，它在 Mozilla 中再次工作正常，但在 IE8 中返回 [object Object] ...

我调用

get_type(tabContentsLink[k]);

它运行以下函数：

function get_type(thing){
    if (thing === null) return "[object Null]";
    // special case
    return Object.prototype.toString.call(thing);
}

但这仅返回 [object Object]

Object.prototype.toString.call() 是否会在 IE 中返回对象的类型，还是我离得很远，只是在向灯柱而不是树吠叫？

Answer 1

好吧，首先我想告诉你，Object.prototype.toString返回的是对象内部[[Class]]属性的值，它并不是真正的键入。

此内部属性的值表示对象的规范定义的分类（更多信息此处）。

Javascript 只有 6 种语言类型：对象、字符串、数字、布尔、空和未定义，仅此而已。

宿主对象（作为 DOM 元素）的[[Class]]内部属性的值可以是任何东西，它完全依赖于实现 ，在内置对象上使用它是安全的 - 除了 IE 中的一些例外，正如 @Alex 在他的答案中链接的文章中指出的那样 - 。

您正在使用 DOM 元素，并且想要弄清楚它是什么类型的节点，我对此的建议是简单地使用 nodeName 属性 _{（请避免使用 tagName)}。

nodeName 属性包含您正在处理的节点的名称（大写），因此您可以这样使用它：

function getFilteredElements() {
  var tabContent = getElementsByClass("tabContentWrap", 
  document.getElementById(tabWrapId), "div");

  for (var j = 0; j < tabContent.length; j++){
    tabContentLinks = tabContent[j].getElementsByTagName('*');
    for (var k = 0; k < tabContentLinks.length; k++){
      // Here i attempt to filter the collection
      if (tabContentLinks[k].nodeName == 'SELECT') { // <- SELECT elements
        alert("found select list");
      }
    }
  }
}

Answer 2

我不会重新创建整个讨论和可能的解决方案，而是仅向您指出 博客文章 讨论了这个确切的问题。

Answer 3

我相信 IE 将返回简单的数据类型，但其他一切都只是一个对象。这是浏览器的限制。我不知道 IE9 是否正在改善这种情况，但这可能对你没有帮助。

Answer 4

我没有方便的 IE，但在 Firefox 中正确的方法是使用 object.constructor.name （object.constructor 是对象的构造函数，.name 是函数名称）。

function Xyz() {}
new Xyz().constructor.name === 'Xyz'

但随后，还有，

var Abc = function() {}
new Abc().constructor.name === 'Abc'