логотип PurpleSchool
логотип PurpleSchool

function в JavaScript

Автор

Дмитрий Нечаев

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

Создание функций

Функции могут быть созданы с помощью ключевого слова function или с использованием стрелочных функций (=>).

// Обычная функция
function greet(name) {
    return `Привет, ${name}!`;
}

// Стрелочная функция
const greetArrow = (name) => `Привет, ${name}!`;

Сохранение функций в переменные

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

const greetFunction = function(name) {
    return `Привет, ${name}!`;
};

console.log(greetFunction('Мир')); // Выведет: Привет, Мир!

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

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

function callFunction(func, name) {
    return func(name);
}

console.log(callFunction(greet, 'Мир')); // Выведет: Привет, Мир!

Возвращение функций из других функций

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

function createGreeter(greeting) {
    return function(name) {
        return `${greeting}, ${name}!`;
    };
}

const greetRussian = createGreeter('Привет');
console.log(greetRussian('Мир')); // Выведет: Привет, Мир!

Использование функций в качестве типа данных

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

const functions = [greet, greetArrow, greetFunction];
functions.forEach(func => console.log(func('Мир')));

Заключение

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

Стрелочка влевоОбъект Map в JavaScriptОбъект DataView в JavaScriptСтрелочка вправо

Все гайды по Javascript

Как работает метод trim() - JavaScriptКак работает метод toUpperCase() - JavaScriptКак работает метод toLowerCase() - JavaScriptКак работает метод substring() - JavaScriptКак работает метод startsWith() - JavaScriptКак работает метод split() - JavaScriptКак работает метод slice() - JavaScriptКак работает метод search() - JavaScriptКак работает метод replaceAll() - JavaScriptКак работает метод replace() - JavaScriptКак работает метод repeat() - JavaScriptКак работает метод padStart() - JavaScriptКак работает метод padEnd() - JavaScriptКак работает метод matchAll() - JavaScriptКак работает метод match() - JavaScriptКак работает метод localeCompare() - JavaScriptКак работает свойство length - JavaScriptКак работает метод lastIndexOf() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод fromCodePoint() - JavaScriptКак работает метод fromCharCode() - JavaScriptКак работает метод endsWith() - JavaScriptКак работает метод concat() - JavaScriptКак работает метод codePointAt() - JavaScriptКак работает метод charCodeAt() - JavaScriptКак работает метод charAt() - JavaScript
Итератор в JavaScript
try...catch в JavaScriptError в JavaScript
Событие wheel в JavaScriptСобытие unload в JavaScriptСобытие touch в JavaScriptСобытие submit в JavaScriptСобытие scroll в JavaScriptСобытие reset в JavaScriptМетод .preventDefault() в JavaScriptСобытие mouseover в JavaScriptСобытие mouseout в JavaScriptСобытие load в JavaScriptСобытие keyup в JavaScriptСобытие keydown в JavaScriptСобытие invalid в JavaScriptСобытие input в JavaScriptСобытийная модель Event в JavaScriptОбъект события Event в JavaScriptСобытие DOMContentLoaded в JavaScriptСобытие dblclick в JavaScriptСобытие click в JavaScriptСобытие change в JavaScriptСобытие beforeunload в JavaScript
Как работает метод some() - JavaScriptКак работает метод reverse() - JavaScriptКак работает метод reduce() - JavaScriptКак работает метод map() - JavaScriptКак работает метод isArray() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод from() - JavaScriptКак работает метод forEach() - JavaScriptКак работает метод flatMap() - JavaScriptКак работает метод flat() - JavaScriptКак работает метод findIndex() - JavaScriptКак работает метод find() - JavaScriptКак работает метод filter() - JavaScriptКак работает метод every() - JavaScriptМассивы в JavaScript
Открыть базу знаний