Как использовать второй аргумент this в forEach?

#javascript #foreach

Всем привет.

Сегодня читая документацию реакта столкнулся с таким кодом

{React.Children.forEach(children, child => {
   console.log(child);
})}


Сначало подумал что это какой нибудь фокус Реакта потом узнал что нет это чистый JS.

То есть forEach принимает вторым аргументом this но абсолютно нигде нету про это
инфы посмотрел много где даже в  книге Дэвида Флэнагана JS подробное руководство .
Нашел очень мало ресурсов про this и то они говорят что он есть но как использовать
никто не сообщает.Learn.javascript.ru и то там только написано вот так:


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


Вот тут есть небольшая инфа.И конечно MDN.Но нигде нету пример с this

Очень хотел увидеть пример forEach с использованием this.Приветствуется  развернутые
ответы.
    

Ответы

Ответ 1

Достаточно надумано, но вот:



function setStyle(entry) {
  // вот этот this привязывается через второй аргумент forEach
  this.style[entry[0]] = entry[1];
}

let props = Object.entries({
  color: 'red',
  fontSize: '30px'
});

props.forEach(setStyle, d1); // устанавливаем все св-ва из объекта элементу d1
props.forEach(setStyle, d2); // устанавливаем все св-ва из объекта элементу d2
1
2