Алексей Уколов

У меня не работает элементарная функция((

Потому что вы обработчик к коллекции элементов пытаетесь привязать, а это не поддерживается.

и так тоже

Неправда.

Функция Object.create (JavaScript)
...
Не поддерживается в следующих режимах документов: случайный режим, стандартный режим Internet Explorer 6, стандартный режим Internet Explorer 7, стандартный режим Internet Explorer 8.

Эмуляция Object.create для IE8-

closeList.addEventListener('click', function(event){
    event.stopPropagation();
    charList.style.display="none";
});

У вас при клике на кнопку закрытия срабатывает ещё и обработчик item.addEventListener('click', function(){...}), в котором окно заново открывается.

npm install node-telegram-bot-api

В следующий раз попробуйте прочитать текст ошибки, прежде чем идти на Тостер.

Играет ли какую-то роль в конструкторе Machine этот код ?

Разумеется, играет - иначе бы его не было в учебнике.

Для чего нужен var parentDisable = this.disable; и его вызов parentDisable();

На следующей строке this.disable переопределяется собственной логикой, поэтому нужно сохранить родительский функционал, чтобы использовать его и избежать дублирования логики.

Потому что вы в setInterval передаёте не функцию, а результат её выполнения. И вызывается она сразу, а не через 50 мс.

Должно быть так:
setInterval(flight.bind(null, '.circle-1'), 50);
или так:

setInterval(function () {flight('.circle-1');}, 50);

https://ghinda.net/article/script-tags/

Альтернативой .each() является .map(), которая собирает в массив всё, что возвращает переданная функция. Дальше с этим массивом вы уже можете делать что угодно.

Но вообще, вы в коде что-то очень странное делаете. Зачем для каждого элемента коллекции получать ещё раз всю коллекцию и считать её длину? Чего вы пытаетесь добиться?

Разом все эти сообщения обычно и не рендерятся - отрисовывается то, что на экране и немного сверху и снизу. При скролле контейнеры переиспользуются и в DOM элементов не так много. Называется виртуальный список, для каждого указанного фреймворка есть реализации.

Нельзя.

Есть ассоциативный многомерный массив

Нет, у вас есть несколько объектов в разных переменных, а не один массив.

Соответственно, решение - собрать данные в подходящую структуру. В данном случае это будет объект:

var data = {
  sedan: {
        'eject' : {
          '13' : 50,
          '14' : 50,
          '15' : 50
        },
        'installation' : {
          '13' : 25,
          '14' : 40,
          '15' : 50
        },
        'balancing' : {
          '13' : 50,
          '14' : 60,
          '15' : 80
        }
  },
  crossover: {
        'eject' : {
          '13' : 50,
          '14' : 60,
          '15' : 60
        },
        'installation' : {
          '13' : 50,
          '14' : 60,
          '15' : 60
        },
        'balancing' : {
          '13' : 444,
          '14' : 555,
          '15' : 666
        }
  },
};

Ну и дальше всё просто:
data[x].balancing

Находится в о области видимости !== связана с экземпляром класса, что тут ещё сказать? Так язык работает.

Вас же, наверное, не удивляет, что такой код работать не будет?

function foo () {
  var a = 10;
  let b = 12;
  return 14;
}

var bar = foo();
bar.a // undefined

Почему конструктор должен себя иначе вести?