对象不支持属性或方法'find' - 在哪里可以找到合适的polyfill脚本?

时间:2017-03-14 15:06:19

标签: angularjs internet-explorer ecmascript-6 polyfills

我有一个网络应用程序(AngularJS,WebAPI,MVC ......),我使用ES6新功能。 一切都像Chrome中的魅力一样。 问题出在IE上(我们IE 11正在运行)。 IE不喜欢一些东西,例如:

对象不支持属性或方法'find'和其他ES6函数。

我听说过我可以添加到我的应用程序中的polyfill scrips,以便它也可以在IE中使用。

我不知道我需要什么样的polyfill脚本并在那里找到它。

有人可以协助吗?感谢。

1 个答案:

答案 0 :(得分:3)

对于polyfill脚本使用es6 shim: https://github.com/paulmillr/es6-shim

如果您的对象是数组 https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/find

if (!Array.prototype.find) {
  Object.defineProperty(Array.prototype, 'find', {
  value: function(predicate) {
 // 1. Let O be ? ToObject(this value).
  if (this == null) {
    throw new TypeError('"this" is null or not defined');
  }

  var o = Object(this);

  // 2. Let len be ? ToLength(? Get(O, "length")).
  var len = o.length >>> 0;

  // 3. If IsCallable(predicate) is false, throw a TypeError exception.
  if (typeof predicate !== 'function') {
    throw new TypeError('predicate must be a function');
  }

  // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.
  var thisArg = arguments[1];

  // 5. Let k be 0.
  var k = 0;

  // 6. Repeat, while k < len
  while (k < len) {
    // a. Let Pk be ! ToString(k).
    // b. Let kValue be ? Get(O, Pk).
    // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).
    // d. If testResult is true, return kValue.
    var kValue = o[k];
    if (predicate.call(thisArg, kValue, k, o)) {
      return kValue;
    }
    // e. Increase k by 1.
    k++;
  }

  // 7. Return undefined.
  return undefined;
}
});
}