jQuery + IE8 = 对象不支持此属性或方法。如何修复？

Question

我的IE8浏览器报错如下：

在 custom.js 文件中，第82行第7个字符处发生 "Object doesn't support this property or method" 错误。

以下是带有行号的代码：

78 function transpose(chord, increment){
79   var scale = ["C", "C#", "D", "Es", "E", "F", "F#", "G", "As", "A", "B", "H"];
80   return chord.replace(/[CDEFGABH]#?s?/g,
81   function(match){
82      var i = (scale.indexOf(match) + increment) % scale.length;
83      return scale[ i < 0 ? i + scale.length : i ];
84   });
85 }

我应该做哪些更改，以使代码在IE8中正常工作？它在Firefox/Chrome中也能正常工作，并且在IE9中也能正常工作。

- Frantisek

---

尝试使用 indexOf polyfill。 - Yoshi

当调用函数时，您传递了哪些参数？ - Darin Dimitrov

@Yoshi：那个解决方案可行。你有什么想法，我应该把代码放在文档准备好之内还是之外？现在我把它放在外面，不确定是否可以。 DarinDimitrov：“chord”是一个字符串，“increment”是1或-1。 - Frantisek

可以将它放在外面，因为没有必要等待DOM或窗口准备好就可以应用此修复。 - Yoshi

@Yoshi，请将其作为答案提交，这样我就可以接受它了。 - Frantisek

Answer 1

你可以尝试使用indexOf补丁，因为indexOf是ECMAScript第5版的一部分，所以并非所有浏览器都实现了它（实际上只有IE8及以下版本没有实现）。

if (!Array.prototype.indexOf) {
    Array.prototype.indexOf = function (searchElement /*, fromIndex */ ) {
        "use strict";
        if (this === void 0 || this === null) {
            throw new TypeError();
        }
        var t = Object(this);
        var len = t.length >>> 0;
        if (len === 0) {
            return -1;
        }
        var n = 0;
        if (arguments.length > 0) {
            n = Number(arguments[1]);
            if (n !== n) { // shortcut for verifying if it's NaN
                n = 0;
            } else if (n !== 0 && n !== Infinity && n !== -Infinity) {
                n = (n > 0 || -1) * Math.floor(Math.abs(n));
            }
        }
        if (n >= len) {
            return -1;
        }
        var k = n >= 0 ? n : Math.max(len - Math.abs(n), 0);
        for (; k < len; k++) {
            if (k in t && t[k] === searchElement) {
                return k;
            }
        }
        return -1;
    }
}

- Yoshi