dollar

Формула: y = 4 - x/2

Соответственно, классическая функция будет выглядеть как-то так:

function Fn(x) {
  return 4 - x/2;
}

Нет, это не стрелочная функция.
Здесь нет стрелок типа такой: =>

Регистрировать функцию в глобальную область видимости нам нужно тогда, когда нужен доступ к ней из другого места и нет возможности предоставить его через локальную область видимости.

Слово "нужно" здесь условно. Вас никто не заставляет пользоваться глобальным пространством, если нравятся другие способы "общения" разных частей кода, а о вкусах не спорят.

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

А вообще писать window.fn = function совсем не обязательно. Достаточно объявить функцию глобально.

function fn() {
}

В вашем коде всегда есть ненулевой шанс наличия ошибки (бага).

• Рекурсивный setTimeout лучше тогда, когда ошибка должна приводить к остановке выполнения кода, то есть к отказу от дальнейших попыток его выполнить.
  
• Обычный setInterval лучше тогда, когда код должен продолжать попытки выполниться, не смотря на ошибку.
  

В остальном разницы почти нет. Если повторов слишком много, то setInterval предпочтительней, чтобы сократить количество перерегистраций вашей функции.

Также рекурсивный setTimeout может быть интересен, если величина задержки не является константой, то есть каждый раз будет меняться.

Если сохранить вашу конструкцию, то как-то так:

out.innerHTML = "";
let nums = [1,2,3];
nums.forEach(function(film) {
    out.innerHTML += film + "<br>";
});

handleChange = (name) => ({ target }) => {
    this.setState({ [name]: target.value });
};

То же, что и:

handleChange = function(name) {
    return function({ target }) {
        this.setState({ [name]: target.value });
    };
};

Или так:

handleChange = function(name) {
    return function(obj) {
        this.setState({ [name]: obj.target.value });
    };
};

Очень просто. Решение «в лоб»:

1. Разложить число на цифры (в виде массива)
   
2. Разложить шаблон на массив кусков (где разделителем будет "#")
   
3. Убедиться, что количество цифр и «дырок» - совпадает
   
4. Склеить два массива, чередуя элементы (в цикле или нативной функцией)
   

Как по мне, никакой из пунктов не может вызвать трудности даже у начинающего программиста.

P.S. Есть варианты решения лишь с одним массивом или вообще без них.

let is_privet, is_poka //для запоминания результатов поиска
let arr = document.querySelectorAll("div#asd-container .asd") //места поиска
if (arr) arr.forEach(div => { //ищем указанные тексты
  if (div.innerText == "Привет") is_privet = true;
  if (div.innerText == "Пока") is_poka = true;
});
if (is_privet && is_poka) { //выполняем целевой код
  document.querySelector('[class="btn btn--close"]').click();
}

Предлагаю такой простой алгоритм.

Сначала выясняем, какая строка больше, сравнив length1 и length2. Какая больше, в той и будем растворять.

Например, путь length1 >= length2 (пример с "hello world"). Тогда посчитаем, сколько символов чередовать: x = Math.round(length1/length2). Далее в цикле берём x символов из исходной строки, затем 1 символ из строки с невидимками. И так до конца, пока строки не кончатся. В цикле склеиваем эти кусочки в результирующую строку.

Если же length1 < length2, то всё то же самое, только берём 1 символ из исходной и x из строки с невидимками.

Конечно, если нужно как-то по-особому размазать, то алгоритм нужно будет улучшить немного, но суть будет та же.

Как и написано, JS пытается получить свойство getBoundingClientRect у переменной, в которой содержится null.

Следовательно, document.getElementById('gobl3') === null

Следовательно, элемента с id "glob3" не существует, он не найден.
(Конкретный id зависит от номера строки, в которой произошла ошибка).

Зачем forEach? Можно как-то так:

while (el.className !== "parent") el = el.parentNode;
if (el) { ......

Можно так:
obj[key] = (obj[key] || 0) + 1;

Или так:
obj[key] ||= 0; obj[key]++;