Почему эта функция ожидает точку с запятой только в IE11?

Question

Я работаю над кодом vuejs для совместимости с IE 11. И я продолжаю видеть ожидаемую ошибку точки с запятой с этой функцией:

chemicalFilters: function (chemical) 
{            
  var max = 0;
  var min = 100;
  for (var component of this.components)
  {
     if(component.component_name == chemical)
     {
       if (max < component.component_value)
         max = component.component_value;
       if(component.component_value != 0 && min > component.component_value)
         min = component.component_value;
     }
  }

  if(max == 0 && min == 100)
    min = max;
  else
  {
    min = Math.round(min*100);
    max = Math.round(max*100);
  }

  this.component_filters.push({component_name: chemical, range:[min,max], min:min, max:max, originalRange:[min,max]});
},

Конкретно эта строка:

if(component.component_name == chemical)

Answer 1

Проблема не в приведенной вами строке, а в строке над ней.Конструкция for...of была введена в ECMAScript 2015, который не полностью поддерживается IE11.См. MDN :

Вы можете использовать такой инструмент, как Babel , чтобы преобразовать его в обратно совместимуюкод, так что это:

for (var component of this.components) {
  //...
}

Будет перенесено на что-то вроде этого (в зависимости от ваших настроек):

var _iteratorNormalCompletion = true;
var _didIteratorError = false;
var _iteratorError = undefined;

try {
  for (var _iterator = this.components[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
    //...

    var component = _step.value;
  }
} catch (err) {
  _didIteratorError = true;
  _iteratorError = err;
} finally {
  try {
    if (!_iteratorNormalCompletion && _iterator.return != null) {
      _iterator.return();
    }
  } finally {
    if (_didIteratorError) {
      throw _iteratorError;
    }
  }
}