Yekver 27 дек 2015 в 23:37

Функциональные выражения в JavaScript

3 мин

31K

JavaScript*

Комментарии 23

Zibx 27 дек 2015 в 23:54

Основной смысл записи var f = function myFunc(){ } заключается в нормальных именах в стеке вызовов при отладке.

mwizard 28 дек 2015 в 00:02

Что в ES6 уже не имело смысла из-за автоматического вывода имен анонимных функций из переменных и контекста объявления.

MuLLtiQ 28 дек 2015 в 00:12

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

mwizard 28 дек 2015 в 00:16

Свойство name — нет, правда ваша. В стек-трейсах же все отображается наглядно — github.com/v8/v8/blob/master/test/cctest/test-func-name-inference.cc

rock 28 дек 2015 в 13:20

Да ладно? :) 12.14.4 -> 1 -> e -> ii

MuLLtiQ 28 дек 2015 в 23:45

ну пока этого никто, похоже, не реализовал :(

rock 29 дек 2015 в 02:57

Babel? :)

MuLLtiQ 29 дек 2015 в 11:07

Да, Babel хорош :)

SerafimArts 28 дек 2015 в 05:05

Ещё именованные функции распространяются на весь код сразу, а безымянные только на тот, который идёт после объявления этой функции. Тоже вполне важное отличие, но не столь существенное, согласен.

Zenitchik 28 дек 2015 в 11:45

Не на весь.
Декларация функции — только на тот скоуп, в котором объявлена.
Функциональное выражение — не распространяется, по имени такая функция доступна только внутри себя (кроме ИЕ8).

Zenitchik 28 дек 2015 в 08:56

Это для удобства рекурсивного вызова. По имени функция доступна внутри себя. Правда, в ИЕ8 есть проблемы — имя оказывается доступно извне.

mwizard 28 дек 2015 в 00:00

После прочтения статьи возникло несколько вопросов и комментариев:

чем B отличается от C?
почему E с G записали в объявления функций, если E — вызов, а G — объект?
если B и D — разные, то чего уж там, давайте перечислять function foo() {}, function bar() {}, function buzz() {} как разные формы объявления функции. Почему нет?
почему в примерах присваивания a включает результат выполнения функции, а b и c — саму функцию?
Почему «оператор группировки» упоминается отдельно, если он не имеет никакого отношения к объявлению IIFE вообще?
чем примеры ваших операторов, включая запятую, отличаются от того, чтобы заменить IIFE на сразу результат? Где разница между void function... и void 42?

mwizard 28 дек 2015 в 00:04

А, ну и лямбды, которые () => 1, забыли?

Yekver 28 дек 2015 в 00:45

1. Наличием оператора группировки. Функционально они идентичны.
2. G сделан как дополнительный пример использования ключевого слова function
3. Они разные в том плане что имени может и не быть. Важно было показать что возможен и такой вариант тоже.
4. Это же примеры, хотелось показать оба варианта. В данном случае не очень принципиально наличие вызова функции.
5. Почему не имеет?
6. Примеры выбраны тривиальными чтобы не нагружать статью лишним кодом. А так да, если бы этот код был в реальном проекте, то ваши замечания очень даже по делу.

-1

ef_end_y 28 дек 2015 в 03:24

Принципиальной разницы между вторым и третим вариантом нет

вы в жизни тоже от нуля считаете?

Yekver 28 дек 2015 в 09:50

Спасибо за то, что внимательно читали статью, исправил! :)

k12th 28 дек 2015 в 10:43

Недавно пошло дикое поветрие всегда объявлять функции через var a = function () {}. Спрашиваешь зачем — мнутся что-то про хойстинг, но никто внятного ответа не дал, зачем в данном конкретном случае хойстинга надо избежать.

trikadin 28 дек 2015 в 12:50

Интересно, где вы это нашли такое. Все мои знакомые спокойно юзают function declaration.

Лично у меня сейчас ко всплытию только одна претензия — из-за него нельзя сделать нормальные декораторы для функций.

k12th 28 дек 2015 в 12:53

На работе и еще в паре мест, неважно.

Я сегодня отчаянно не выспался — подскажите, почему хойстинг мешает декораторам?

trikadin 28 дек 2015 в 14:23

let counter = 0;

let add = function () {
  counter++;
};

@add
function foo() {
}

Соль в том, что из-за всплытия объявление функции foo будет происходить раньше объявления и инициализации переменных counter и add (т. к. function declaration объявляются на входе в блок).

trikadin 12 янв 2016 в 01:33

Как вариант:
github.com/wycats/javascript-decorators/issues/4#issuecomment-169285562

k12th 12 янв 2016 в 01:12

Вот свежий пример: habrahabr.ru/post/274887/#comment_8734559

trikadin 12 янв 2016 в 01:32

Ну, там по крайней мере присваивают стрелочные функции, а не function expression. Это можно делать для оптимизации — потому что для стрелочных функций не создаются this и arguments, хотя, имхо, это экономия на спичках.

Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Показать лучшие за всё время

Функциональные выражения в JavaScript

Комментарии 23

Публикации

Истории