Функции JavaScript

Рубрика: JavaScript 101

Функции содержат блоки кода, которые должны будут неоднократно выполняться. Функции могут быть без параметров и с параметрами, и могут дополнительно возвратить значение.

Функции JavaScript могут быть созданы множеством путей, два из которых показаны ниже:

// Объявление функции.
 
function foo() {
    // Сделать нечто.
}

// Присвоение функции.
 
var foo = function() {
    // Сделать нечто.
};

Использование Функции

Пример

// Простая функция.

var greet = function( person, greeting ) {
var text = greeting + ", " + person;
alert( text );
};

greet( "Вася", "Привет" ); // "Привет, Вася"

Попробуйте Сами »

Пример

// Функция, возвращающая значение.

var greet = function( person, greeting ) {
    var text = greeting + ", " + person;
    return text;
};

alert ( greet( "Вася", "Привет" ) );
  // "Привет, Вася"

Попробуйте Сами »

Пример

// Функция, возвращающая другую функцию.

var greet = function( person, greeting ) {
    var text = greeting + ", " + person;
    return function() {
        alert( text );
    };
};

var greeting = greet( "Вася", "Привет" );

greeting(); // "Привет, Вася"

Попробуйте Сами »

Немедленно Выполняемое Функциональное Выражение (IIFE)

Общий шаблон в JavaScript - немедленно выполняемое функциональное выражение. Этот шаблон создает функциональное выражение и затем сразу выполняет функцию. Этот шаблон чрезвычайно полезен для случаев, когда Вы хотите избежать "загрязнения" глобального пространства имен кодом – никакие переменные, объявленные в функции, не видимы за ее пределами.

Пример

// Немедленно выполняемое функциональное выражение.

(function() {
var foo = "Привет мир";
})();

alert( foo ); // undefined!

Попробуйте Сами »

Функции как Параметры

В JavaScript функции - "граждане первого класса" – они могут быть присвоены переменным или переданы к другим функциям как параметры. Передача функций как параметров является чрезвычайно общей идиомой в jQuery.

Пример

// Передача анонимной функции как параметра.

var myFn = function( fn ) {
    var result = fn();
    alert ( result );
};

// Выводит "привет мир"
myFn( function() {
    return "привет мир";
});

Попробуйте Сами »

Пример

// Передача именованной функции в качестве аргумента

var myFn = function( fn ) {
    var result = fn();
    alert( result );
};

var myOtherFn = function() {
    return "привет мир";
};

myFn( myOtherFn ); // "привет мир"

Попробуйте Сами »

Далее: Все Объекты jQuery Уникальны

Смотрите также

Комментарии

Написать