1

此代码在 Chrome、FFX 等上运行良好。它采用文本区域的内容并将不同数组项中的所有行分开（新行由空数组项表示）。在 IE 上测试它时，它会引发错误。代码：

这是tregex 的值和调用：

var tregex = /\n|([^\r\n.!?]+([.!?]+|$))/gim;

var source = $('#text').val().match(tregex).map($.trim);

由于.map()（仅限 IE） ，代码会抛出此错误消息

用户代理：Mozilla/4.0（兼容；MSIE 8.0；Windows NT 5.1；Trident/4.0；.NET CLR 2.0.50727；.NET CLR 3.0.4506.2152；.NET CLR 3.5.30729）时间戳：2012 年 7 月 13 日星期五 21：世界标准时间 52:48

消息：对象不支持此属性或方法行：128 字符：6 代码：0 URI： http: //mydomain.com/src/common.js

为什么？有什么方法可以在 IE7+ 上支持它？（这是在 IE8 上测试的）。

4

4 回答 4

2

IE 是一个糟糕的浏览器，因此没有内置的地图功能（至少在 IE7-8 中没有）。由于您试图在正则表达式匹配的结果上调用 map（而不是在 jQuery 结果对象上调用它），所以您可以使用的唯一 map 是内置的 map（IE 没有）。

然而，有许多库可以为您模拟地图，包括 jQuery、Underscore 和 Mochikit。

这是一个如何使用 jQuery 来做你想做的事情的例子：

$.map($('#text').val().match(tregex), $.trim);
于 2012-07-13T22:06:57.287 回答
1

我相信您的代码可能会意外地在 FF 和 Chrome 中运行。你的意思是使用jQuery.map？您正在使用Array.map9 之前的 IE 不支持的。

考虑以下作为替代。

var source = $.map($('#text').val().match(tregex), $.trim);

这使用 jQuery 的 map 实现来循环并进行修剪。

于 2012-07-13T22:15:44.723 回答
0

我相当肯定Array.map()只添加在 IE9 中。您应该手动循环遍历数组。

于 2012-07-13T22:06:11.680 回答
0

您可以通过为其添加垫片来添加支持：

// Production steps of ECMA-262, Edition 5, 15.4.4.19
// Reference: http://es5.github.com/#x15.4.4.19
if (!Array.prototype.map) {
  Array.prototype.map = function(callback, thisArg) {

    var T, A, k;

    if (this == null) {
      throw new TypeError(" this is null or not defined");
    }

    // 1. Let O be the result of calling ToObject passing the |this| value as the argument.
    var O = Object(this);

    // 2. Let lenValue be the result of calling the Get internal method of O with the argument "length".
    // 3. Let len be ToUint32(lenValue).
    var len = O.length >>> 0;

    // 4. If IsCallable(callback) is false, throw a TypeError exception.
    // See: http://es5.github.com/#x9.11
    if ({}.toString.call(callback) != "[object Function]") {
      throw new TypeError(callback + " is not a function");
    }

    // 5. If thisArg was supplied, let T be thisArg; else let T be undefined.
    if (thisArg) {
      T = thisArg;
    }

    // 6. Let A be a new array created as if by the expression new Array(len) where Array is
    // the standard built-in constructor with that name and len is the value of len.
    A = new Array(len);

    // 7. Let k be 0
    k = 0;

    // 8. Repeat, while k < len
    while(k < len) {

      var kValue, mappedValue;

      // a. Let Pk be ToString(k).
      //   This is implicit for LHS operands of the in operator
      // b. Let kPresent be the result of calling the HasProperty internal method of O with argument Pk.
      //   This step can be combined with c
      // c. If kPresent is true, then
      if (k in O) {

        // i. Let kValue be the result of calling the Get internal method of O with argument Pk.
        kValue = O[ k ];

        // ii. Let mappedValue be the result of calling the Call internal method of callback
        // with T as the this value and argument list containing kValue, k, and O.
        mappedValue = callback.call(T, kValue, k, O);

        // iii. Call the DefineOwnProperty internal method of A with arguments
        // Pk, Property Descriptor {Value: mappedValue, Writable: true, Enumerable: true, Configurable: true},
        // and false.

        // In browsers that support Object.defineProperty, use the following:
        // Object.defineProperty(A, Pk, { value: mappedValue, writable: true, enumerable: true, configurable: true });

        // For best browser support, use the following:
        A[ k ] = mappedValue;
      }
      // d. Increase k by 1.
      k++;
    }

    // 9. return A
    return A;
  };      
}

您还可以在IE7-8中包含添加的 es5shim.map和所有其他缺少的数组方法以及其他商品，例如Function#bind

于 2012-07-13T22:10:48.907 回答