Возникли проблемы перевода этого ES6 к ES5 включая распространение синтаксис

Question

Я пытаюсь перевести следующее в ES5, в то время как изучение языка:

const transitionendFn =()=> { 
    [...this.slider].forEach((el)=> el.className = 'item'); 
    selectedEl.classList.add('active'); 
    this.isAnimating = false 
} 

ES5:

const transitionendFn = function() { 
    [].concat(this.slider). 
     forEach(function (el) { 
      return el.className = 'item'; 
     }); 
    selectedEl.classList.add('active'); 
    this.isAnimating = false 
} 

Я не понимаю, распространение часть.

this.slider содержит следующее:

Любая помощь исправляя этот код ценится.

Я получаю «TypeError: el не определено» с моим переводом.

Answer 1

Имейте в виду, что:

• функции стрелки не имеют this связывания. Традиционные функции (единственный вид, доступный в ES5), поэтому вам придется привязать его к желаемому значению.
• ES5 не имеет const переменных. Только var единиц.
• ES5 не имеет итерируемых объектов. Предполагаю, что this.slider является массивным.

Тогда перевод будет что-то вроде

var transitionendFn = function() { 
    [].forEach.call(this.slider, function(el) { 
    return el.className = 'item'; 
    }); 
    selectedEl.classList.add('active'); 
    this.isAnimating = false; 
}.bind(this);