Когда не стоит использовать стрелочные функции?

Question

[JS Noob]

Сейчас стало популярно писать функции с использованием функций-стрелок:
const someFunc = (...) => {... ...}
так вот когда этого не стоит делать?
Всегда ли стоит объявлять функции с помощью ключевого слова function, кроме тех случаев, когда нам надо получить контекст родительского окружения? Или всегда писать стрелки, если нам не надо работать с this?

P. S. Сам пишу всё стрелками, но вижу, что прогеры, которых я считаю на голову выше себя, пишут с ключевым словом function. Хочу разобраться и понять, что же лучше.

Comments

[Ярослав Иванов]

Все ответы в документации

[JS Noob]

Краткость сестра таланта...

Answer 1

[Aetae]

function - кода тебе нужна функция.
arrow-function - когда тебе нужна лямбда, т.е., условно, коротенькая анонимная функция, объявляемая по месту использования.

Всё остальное в основном хипстерский хайп или мракобесие от непонимания как работать с контекстом.

Answer 2

[Антон Швец]

ок

el.addEventListener('click', (evt) => {
  console.log(evt)
})

не ок

el.addEventListener('click', function (evt) {
  console.log(evt)
})

ок

function mySuperFunc(evt) {
  // еще десяток строк
  console.log(evt)
}

не ок

const mySuperFunc = (evt) =>  {
  // еще десяток строк
  console.log(evt)
}

ок
const mySuperFunc = (evt) => evt.target;

не ок

function mySuperFunc(evt) {
  return evt.target;
}

в целом как-то так. Это не догма, просто так лучше читается. Ну и конечно в случаях с действиями с this, там все однозначно, где лямбда, а где нет.

Comments

[JS Noob]

А есть какое-то общее стилевое правило? Как мне понять в какой ситуации что выбирать?

[profesor08]

джун детектед

[Антон Швец]

JS Noob, правил нет. Как удобно, так и пишите.
Могут быть стайлгайды какого-то текущего фреймворка или что-то подобное. Мой рабочий код в основном из лямб и методов.

[JS Noob]

profesor08, ваш комментарий очень важен для нас (нет)

[profesor08]

JS Noob, глупые примеры демонстрирующие полное непонимание автором вопроса. Мой ответ комментарий ниже.

Answer 3

[Пашенька]

Всегда. Они создают слишком много вопросов на тостере.

Comments

[JS Noob]

Всегда писать function, потому что на тостере люди путаются в стрелках, я верно понял?)

[Пашенька]

JS Noob, не лениться писать function, дабы не ошибиться и не получить unexpected результат.
Как по мне, так стрелочные функции только затрудняют чтение кода.

[profesor08]

like-a-boss, вот ты объявил функцию, а я взял и переопределил. Что будешь делать? Кому плакаться?

[Пашенька]

profesor08, это невозможно на физическом уровне, профессор, у тебя нет доступа к моему коду.

[Антон Швец]

profesor08, код просто не соберется

[profesor08]

like-a-boss, все мы понимаем о чем идет речь.

Answer 4

[profesor08]

Хочешь надежный код, пиши

const func = () => {}; // 
const func = function() {} // если не нужен контекст

Хочешь НЕ надежный код, пиши
function func() {}

Answer 5

[M-ka]

Когда нужен ИЕ версии без поддержки таковых или моб устройства с не оч свежими версиями браузеров... Ну или не засорять проект разными стилями конструкций.

Comments

[JS Noob]

У нас бабель, так что новизна браузеров не страшна...

Answer 6

[Алексей]

Например Когда хотите объявить функции в конце кода, а использовать до объявления. Функциональное выражение в таком случае не подойдёт

Comments

[JS Noob]

А вот если не учитывать применительные особенности. Предположим я уверен, что это работать будет, но мне интересно, как лучше написать, как стрелку или как обычную функцию... И почему тот или иной вариант предпочтительнее...