javascript - jQuery + IE8 = 对象不支持此属性或方法。如何解决这个问题？

Question

IE8 给我以下错误:

Object doesn't support this property or method on custom.js, line 82 character 7

这是带有行号的代码:

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 中都能正常工作。

Answer 1

你可以试试 indexOf polyfill ，这是必需的，因为 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;
    }
}