JavaScript для чайников. Всё что вы хотели знать о функциях но боялись спросить

Подробное описание работы функций в стандарте ECMA-262-3.

Объявить такую функцию можно двумя, по сути, эквивалентными способами.

На самом деле, способов существенно больше. Правда, использовать их я бы не советовал.

+function(){console.log(5)}() // подставьте свой любимый оператор
1,function(){console.log(5)}() // подставьте своё любимое число, строку или ещё какое-нибудь выражение
[function(){console.log(5)}()]

Общее же правило таково: если функция является частью выражения, то она становится FunctionExpression и является выражением, т.е. её можно вызвать. Если же она не является частью выражения, то она является FunctionDeclaration и вызову не поддается. Например:

function fnc(){} // FunctionDeclaration
fnc = function(){} // FunctionExpression

Отсюда же получаем, что следующая запись вполне корректна

fnc = function(){return 5}()

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

По этой теме советую почитать статью на javascript.ru.

«Этого нельзя понять, это можно только запомнить!»

Self defining function — это страшно читаемая вещь, а в обфусцированном коде это вообще как выстрел в голову!

А не будет ли правильней в последнем примере с Currying делать

return fn.apply( this, args );

?

Чтобы правильно обрабатывался this и можно было использовать currying и для методов

Self defining function — до этой статьи, если бы я увидел подобный код, врядли бы догадался о намерениях писавшего. Так что… применение под вопросом. Но решение да, элегантное.

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

var factorial = function (n) {
    return n === 1 ? 1 : factorial(n - 1) * n;
};

ну или

function factorial(n) {
    return n === 1 ? 1 : factorial(n - 1) * n;
};

Потом по каким-то причинам нам нужно

var realFactorial = factorial;
factorial = function (n) {
    throw 'please use realFactorial instead';
};

В итоге получается, что и вызовы factorial(5) и realFactorial(5) вываливают ошибку. Это получается, т.к. рекурсивный вызов factorial использует переменную из родительской области видимости, а там она переопределяется. В этом случае надо определять функцию так:

var factorial = function factorial (n) {
    return n === 1 ? 1 : factorial(n - 1) * n;
};

Ну или чтобы не путаться:

var factorial = function f (n) {
    return n === 1 ? 1 : f(n - 1) * n;
};

var saySomethingClever;

(function(){
    var appleTest = /Apple/i;
    var googleTest = /Google/i;

    if( appleTest.test(navigator.vendor) ) 
        saySomethingClever = function(){ console.log("I love apples <3"); }
    else if( googleTest.test(navigator.vendor) )
        saySomethingClever = function(){ console.log("android is everything for me <3"); }
    else saySomethingClever = function(){ console.log("i love this unpopular corporation too"); }
})();

saySomethingClever();

Пример тоже так себе. Тогда уж так:

var saySomethingClever = (function(){
    var appleTest = /Apple/i;
    var googleTest = /Google/i;

    if( appleTest.test(navigator.vendor) ) 
        return function(){ console.log("I love apples <3"); }
    else if( googleTest.test(navigator.vendor) )
        return function(){ console.log("android is everything for me <3"); }
    else
        return function(){ console.log("i love this unpopular corporation too"); }
})();

saySomethingClever();

Или, даже так:

var saySomethingClever = (function(){
    var appleTest = /Apple/i,
        googleTest = /Google/i;

    return appleTest.test(navigator.vendor) ? function(){ console.log("I love apples <3")                      } : 
          googleTest.test(navigator.vendor) ? function(){ console.log("android is everything for me <3")       } :
                                              function(){ console.log("i love this unpopular corporation too") } ;
})();

saySomethingClever();

Раз уж рассказываете про такую тему, то сразу можно было привести пример этого-же без copy-paste:

var saySomethingClever = (function(){
    var appleTest = /Apple/i,
        googleTest = /Google/i,
        log = function (message) {
            return function(){ console.log(message) };
        };

    return appleTest.test(navigator.vendor) ? log("I love apples <3"): 
          googleTest.test(navigator.vendor) ? log("android is everything for me <3"):
                                              log("i love this unpopular corporation too");
})();

saySomethingClever();

Как-то так, в общем.

спасибо огромное — заменил пример в саттье на немного исправленный ваш первый.

Спасибо, очень интересно и позновательно. Но использовать их надо аккуратно, а-то потом коллеги по работе будут мучаться, если они не читали этот пост. :)

console.log( "sample b" );
b();

function b() { console.log(1); }

«ну хоть ты тресни», но FF и Chrome показали один и тот же результат
> sample b
> 1
даже если определение функции b() поставить в самом начале

Карринг для замыкания строки из двух букв даёт сомнительную экономию текста за счёт производительности.
Вот еслиб там был объект Author и в console.log передавалось author.toString() — жаверы 90ых бы заценили.

А ещё можно соорудить и само-пере-определяемую функцию, если её замкнуть в саму себя…

/** usage: 
   * yield(N) -- (re)start yielding song  
   * yield() -- continue/loop yielding 
   */
var yield = function(more) {
    more = more||Math.ceil(Math.random()*3);
    (function(jack){
        yield = function(nomore) {
            if( nomore || !more--) return (yield = jack)();            
            return "No more!";
            }
    })(yield);
    return "Hit the road, Jack! And don't you come back!";
}

var f = function() { console.log(1); }
f();

function f(){ console.log(2); }
f();
выдаст 1 и 2, а не две единицы, кстати

Очень полезно и познавательно. Спасибо