IE 11 Script1002 Array.Filter(x => ...)（箭头函数）答案

【问题标题】：IE 11 Script1002 Array.Filter(x => ...) (Arrow functions)IE 11 Script1002 Array.Filter(x => ...)（箭头函数）
【发布时间】：2016-11-30 10:40:27
【问题描述】：

我在 IE11 中收到一条错误消息，但在 chrome 中却没有，错误是：

Script1002 语法错误

我的代码如下

var selectedRoles = vm.roles.filter(x => x.id === role.id);

错误的行列号提示是IE11不喜欢的箭头函数=>。但是它在 Chrome 和 Edge

中运行良好

【问题讨论】：

IE11不支持箭头功能

标签： javascript ecmascript-6 internet-explorer-11

【解决方案1】：

ie 11 不支持arrow functions

试试

var selectedRoles = vm.roles.filter(function(x) { return x.id === role.id; });

【讨论】：

【解决方案2】：

IE 不支持arrow function 检查browser compatibility here。如果您想要 IE 支持，请改用普通功能。

var selectedRoles = vm.roles.filter(function(x) {
  return x.id === role.id
});

【讨论】：

【解决方案3】：

IE 11 尚不支持箭头功能。您可以参考以下兼容性表：https://kangax.github.io/compat-table/es6/ 以详细了解支持的位置和程度。

使用 pollyfills 或 PRE-ES6 兼容代码，例如

var selectedRoles = vm.roles.filter(function(x) {
   return x.id === role.id
});

【讨论】：