javascript - 无法获取未定义或空引用的属性 'substr'

Question

有人能告诉我为什么会出现错误Unable to get property 'substr' of undefined or null reference？我只在 IE 浏览器(包括 Edge)上收到此错误 - 所有其他浏览器都可以正常工作:

share.getMedia = function (arrClassList) {
    var mediaType;
    if (arrClassList.length > 1) {
        for (var i = 0; arrClassList.length >= i; i++) {
            if (typeof arrClassList[i] != "undefined") {
                var currentString = arrClassList[i].substr(2);
                if (currentString.indexOf(arrTemplates)) {
                    mediaType = currentString;
                }
            }
        }
    } else {
        if (typeof arrClassList[0] != "undefined") {
            var currentString = arrClassList[0].substr(0, 2);
            if (currentString.indexOf(arrTemplates)) {
                mediaType = currentString;
            }
        }
    }
    return mediaType;
};

更新:当我在控制台记录 arrClassList 时，我确实得到了一个对象:

{
  0: "social",
  1: "facebook"
}

有人知道这里的问题是什么吗？它只发生在 IE + Edge 浏览器中...

Answer 1

这不是您问题的解决方案。但是想在这里写而不是评论以获得更好的可读性。

1. 数组不等于对象。您作为 arrClassList 的值共享的是对象，并且 .length 属性不适用于对象。所以 if 条件将返回 false。但是，如果键的类型为字符串，您可以使用 arrClassList[0] 或 arrClassList['abc'] 来超出对象值。
2. typeof arrClassList[0] != "undefined" 将返回 true 但您应该使用标识 === 运算符而不是相等性 == 运营商。
3. 如果 0 键的值不等于 null/undefined，您应该获取 substr。
4. 我看到的问题是 arrTemplates。如果它是一个字符串，那应该可以正常工作。如果它是一个字符串数组，并且该数组中只有一个字符串，它应该可以工作。如果是多个字符串的数组，就不行。

为什么它不能在 IE 和 Edge 上工作，而在其他人上工作。我的理论是不同的浏览器使用不同的 javascript 引擎，并且这些引擎在某些情况下会尝试使您的代码工作，即使存在小问题也是如此。 IE 和 Edge 都使用名为 Chakra 的 JScript 引擎(虽然非常相似，但 JScript 和 Javascript 还是有区别的)。我的猜测是您的代码中存在 Chakra 无法解决的问题。