Добавляет доку «Стрелочные функции»

[alexafcode]

Описание

Добавляет доку про стрелочные функции.

Чек-лист

• Текст оформлен согласно руководству по стилю
• Ссылки на внутренние материалы начинаются со слеша и заканчиваются слэшем либо якорем на заголовок (/css/color/, /tools/json/, /tools/gulp/#kak-ponyat)
• Ссылки на картинки, видео и демки относительные (images/example.png, demos/example/, ../demos/example/)

[skorobaeus]

Привет! Спасибо за материал!

Помоги, плиз, определить, это ответ на вопрос для рубрики "На собесе" или полноценная дока? В ответах на вопрос мы не пишем "Как понять, как пишется", а стараемся отвечать кратко, примерно так, как отвечали бы, если и правда услышали этот вопрос на собесе :)

[alexafcode]

Добрый день. Вообще, я думаю, что это дока по теме.

[github-actions]

Чек-лист для новой доки

Метаданные

• Код в поле title завёрнут в бэктики
• Есть поле description с описанием
• Проставлен тег doka
• Поле keywords содержит ключевые слова, которых нет в тексте статьи
• В поле authors указан автор. Файл автора есть в папке people
• В поле related есть три ссылки на материалы Доки, интересные в контексте данного

Дока

• Структура совпадает с шаблоном
• Демки написаны по рекомендациям
• У картинок есть описание в alt, у фреймов демок название в title
• Дока добавлена в содержание раздела
• Для доки указаны материалы Доки, интересные для дальнейшего чтения

[alexafcode]

Привет. @HellSquirrel вроде поправил все.

[HellSquirrel]

Спасибо большое, очень круто. Мы сейчас немножко отредачим и опубликуем
@TatianaFokina и @solarrust поможете с редактурой?)

[skorobaeus]

Чекнула правописание. Есть ощущение, что список в "Как понять" лучше оформить не списком, а текстом с подзаголовками (регулярно возвращается эта тема).

[splincool]

Всем, привет!
докину одну мыслишку по плюсам стрелочных функций, а вы решите нужна она или нет :)

до появления стрелочных функций, когда была ситуация, что нужно было в одном контексте вызывать функцию, которая принимала в качестве параметра callback-функцию (у которой был свой контекст), например как с setTimeout

const obj = {
  count: 10,
  doSomethingLater() {
    setTimeout(function () {
      this.count++;
      console.log(this.count);
    }, 1000);
  },
};

obj.doSomethingLater(); // "NaN"

то внутри callback-а контекст в котором была вызвана функция setTimeout терялся, т.е. внутри callback мы уже не могли достучаться до this.count так как this ссылался на объект Window, а не на obj

поэтому приходилось разными способами прокидывать контекст внутрь callback-а

например, при помощи bind(this), что было еще вполне порядочно

const obj = {
  count: 10,
  doSomethingLater() {
    setTimeout(function () {
      this.count++;
      console.log(this.count);
    }.bind(this), 1000);
  },
};

obj.doSomethingLater(); // 11

Также был знаменитый хак c that, когда создавалась временная переменная that, в которую сохранялся контекст this и внутри callback-а уже использовался that

const obj = {
  count: 10,
  doSomethingLater() {
    const that = this;
    setTimeout(function () {
      that.count++;
      console.log(that.count);
    }, 1000);
  },
};

obj.doSomethingLater(); // 11

А с появлением стрелочных функций, которые стали использоваться в качестве callback-ов, теперь не нужно ничего изобретать и прокидывать контекст внутрь callback-а, так как стрелочная функция берет его снаружи где вызывается

const obj = {
  count: 10,
  doSomethingLater() {
    setTimeout(() => {
      this.count++;
      console.log(this.count);
    }, 1000);
  },
};

obj.doSomethingLater(); // 11

[HellSquirrel]

@splincool отличная мысль. Если хочешь мы чуть позже сами это добавим, но если хочется, то статью можешь дополнить ты :) У нас есть вот такая функциональность

[github-actions]

Превью контента из 0a7cc8c опубликовано.

[splincool]

@splincool отличная мысль. Если хочешь мы чуть позже сами это добавим, но если хочется, то статью можешь дополнить ты :) У нас есть вот такая функциональность

Спасибо :)
Могу сам попробовать дополнить, это интересно

[splincool]

@HellSquirrel
После мерджа на проде внизу статьи висят заголовки без текста под ними, посмотри, пожалуйста, это так и задумывалось?

[TatianaFokina]

@HellSquirrel После мерджа на проде внизу статьи висят заголовки без текста под ними, посмотри, пожалуйста, это так и задумывалось?

Что-то пошло не так с форматированием. Сейчас принесу пиар.