JS: Функции
2026-02-26 17:19 Diff
https://ru.hexlet.io/courses/js-functions/lessons/high-order-functions/theory_unit

В JavaScript встроен метод sort, который сортирует массив. По умолчанию этот метод сортирует массив весьма замысловатым способом: приводит каждый элемент массива к строковому типу и сравнивает полученные строки на основе порядка следования кодовых точек Unicode. Подобная сортировка подходит для простых ситуаций, например для числовых значений, но перестает работать в случае более сложного сравнения, например тогда, когда каждый элемент массива — объект.

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

Сортировка по умолчанию не может правильно отсортировать подобный массив. Причем это касается любого вида сортировки, который мог бы нам понадобиться. Мы можем захотеть сортировать по любому параметру (или даже по набору параметров) и в любом порядке. Сортировки нужны часто, и многие из них довольно сложны.

В языках, где функции не являются данными (объектами первого рода), нам пришлось бы для каждого вида сортировки реализовывать свою собственную функцию sort(). Но в JavaScript есть способ лучше. Посмотрим на определение встроенного метода sort():

Он принимает необязательный параметр compareFunction() — функцию, которая указывает, как сортировать данный массив. Общая идея состоит в том, что нам не нужно реализовывать алгоритм сортировки каждый раз для каждой ситуации, ведь он не меняется. Всё, что меняется — элементы, которые сравниваются между собой в процессе сортировки. И метод sort() делегирует взаимодействие с этими элементами вызываемому коду:

Метод sort() выполняет всю работу по непосредственному перемещению элементов в массиве. Но то, какой элемент больше или меньше, — зависит от программиста. Достигается подобная схема за счёт той самой пользовательской функции, которая передаётся при вызове sort(). Эта функция принимает на вход два параметра — sort() отдаёт в неё два элемента, которые она сравнивает в данный момент. В нашем случае элементы — пользователи. Ваша задача — внутри этой функции посчитать, что больше или меньше, и сделать следующее: если элементы равны, то нужно вернуть 0, если первый элемент больше второго, то считается, что они отсортированы неправильно, и возвращается 1, иначе возвращается -1, а sort() производит их сортировку.

Из кода видно, что внутри функции сравнение идёт по свойству age переданных пользователей. Нетрудно догадаться, что эта функция вызывается внутри sort() множество раз (а именно на каждое сравнение). Как только она начнёт возвращать -1 для каждой пары элементов — сортировка завершена.

Метод sort() относится к так называемым функциям высшего порядка (higher order functions). Функции высшего порядка — это функции, которые либо принимают, либо возвращают другие функции, либо делают всё сразу. Такие функции, как правило, реализуют некий обобщённый алгоритм (например, сортировку), а ключевую часть логики делегируют программисту через дополнительную функцию. Главный плюс от применения такого подхода — сокращение дублирования.

У функции, которая передается внутрь метода sort() есть свое название. Подобные функции называют колбеками (callback, обратный вызов). Колбеком становится любая функция, которая вызывается не напрямую программистом, а ее вызывает какая-то функция, в которую мы передаем наш колбек.

В примере выше необязательно создавать константу для функции. Говоря откровенно, их вообще редко записывают в константы. Типичное использование выглядит как прямая передача функции в функцию:

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

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

Функция say() делает вызов функции, находящейся внутри параметра fn. В нашем примере функция возвращает строку, которая тут же выводится на экран.

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

В этом коде присутствует 2 функции высшего порядка (filter() и map()), 2 функции — аргументы и два прохода (это делают функции высшего порядка) по списку пользователей. Код весьма выразителен и лаконичен.

В следующих уроках мы рассмотрим три самые главные функции высшего порядка, которыми можно решать практически любые задачи. Две из них используются в примере выше, это map() и filter(), а третья — reduce(). Они все доступны в стандартной библиотеке JavaScript.

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