Дмитрий Перевозкин

Ну смотри logPerson функция, к которой привязывается контекст посредством .apply, чтобы this, скажем так ссылался на объект Person1(Кстати по договоренности, с большой буквы называются классы, это так для справки).

Конкретно в этом примере, можно было в функцию передать Person1

function logPerson(person) {
  console.log(Person ${person.name}, ${person.age}, ${person.job})
}

Можете использовать .call или bind, bind не вызывает функцию после привязки контекста, а call отличается от apply что в apply аргументы передаются в виде массива, в call как в обычную функцию

но в целом, функция bind является так скажем узлом, в котором callback function привязывается к контексту (объекту). Не похоже на prod реализацию, просто тренировочный пример возможно

Добрый день, тут все просто, для работы import/export нужен сервер, например live server vs code расширение,
Или же Xamp/OpenServer, это одно из условий, в package.json если у вас он есть так же нужно указать

{
  "type": "module"
}

но в целом, достаточно иметь какой-нибудь сервер, на которым запущено приложение, и type="module" на script(что собственно вы и сделали)

Возможно у вас все это есть и я не так понял вопрос, обычно когда все условия выполнены, import/export работает без нареканий, может покажете больше кода

Проверьте описанные мною условия и попробуйте снова.

Да можно
до: [объект].forEach((Element) => Element.addEventListener('click', () => [вызов_функции]));
после: [объект].forEach((Element) => addEventListener('click', [function]));

Можно вот так сократить, то есть вынести функцию и убрать [Element.]
А если не секрет зачем? Ради интереса или задача?)