Сергей Соколов

Swagger наше все

const result = ind.reduce((acc, col) => {
  arr.forEach((n, i) => {
    acc[i].push(i ? n.filter((m, j) => arr[0][j] === col) : col);
  });
  
  return acc;
}, arr.map(() => []));

или

const indObj = Object.fromEntries(ind.map((n, i) => [ n, i ]));
const result = arr.reduce((acc, n, i) => (
  i && n.forEach((m, j) => acc[i][indObj[arr[0][j]]].push(m)),
  acc
), arr.map((_, i) => ind.map(n => i ? [] : n)));

Цитирую википедию:

In software engineering, a software design pattern is a general, reusable solution to a commonly occurring problem within a given context in software design. It is not a finished design that can be transformed directly into source or machine code. It is a description or template for how to solve a problem that can be used in many different situations. Design patterns are formalized best practices that the programmer can use to solve common problems when designing an application or system.

"Паттерны из коробки" – это высказывание какого-то диванного недопрограммиста. Не берите в голову.

hoisting (поднятие) а не hosting
Это механизм в JavaScript, в котором переменные и объявления функций, передвигаются вверх своей области видимости перед тем, как код будет выполнен

console.log(a) //Cannot access 'a' before initialization
console.log(b) //undefined
const a = 2;
var b = 3;

В данном случае для переменной b назначается значение undefined по аналогии с:

var b;
console.log(b) //undefined
b = 3;

Импортируя код в файле выполняется, создаются ссылки, функции, и выполняются самовызывающиеся конструкции вроде твоей. Собственно это там и происходит.

Если ты хочешь по настоящем пользоваться импортом и экспортом, то надо делать иначе:

// shop.js
export function createShop(selector) {
  document.querySelector(".createShop").addEventListener("click", e => {
    // ...
  });
}

// index.js
import { createShop } from "./shop.js";

createShop(".shop");

больше похоже на uuid, а не кодированный ip.

Babel приведет это к такому виду

function getFIO(name, surname, patronymic){
  this.name = name;
  this.surname = surname;
  this.patronymic = patronymic;

  var that = this;

  this.sayHello = function() {
    console.log(`Меня зовут ${that.surname} ${that.name} ${that.patronymic}`);
  }
}

Вы передаете не функцию, а результат её работы.
Надо так:
SomeClass.func(this.blablafunc)

Optional Chaining

Все относительно.
С одной стороны, запуск нового воркера довольно затратная операция. Браузер поднимает реальный поток ОС, поднимает в нем новый контекст движка JS, настраивает примитивы синхронизации памяти (у JS то память разделена и общение через postMessage, а у браузера на C++ память вполне себе общая, да еще и с конкурентным доступом).
С другой, что такое ~100мс на старт воркера по сравнению с несколькими минутами решаемой им задачей?

По итогу:
Запускать по воркеру на каждую задачу будет работать медленнее, но реализовать проще.
Иметь пул заранее запущенных воркеров - гораздо быстрее, но придется реализовать этот самый пул, а так же очередь задач и распределение их по пулу.
Что больше подходит в Вашей ситуации можно сказать лишь точно зная Ваши тех.требования