2

Всем привет.

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

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

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

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

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

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

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

6

1 ответ 1

3

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

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
<div id="d1">1</div>
<div id="d2">2</div>

1
  • очень интересный код.спасибо
    – Randall
    7 авг 2019 в 13:28

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.