Есть разные способы написания функций javascript. У каждого типа есть свои преимущества письма. Прежде чем мы начнем -
Что такое функция в JavaScript?
Функции - это особый фрагмент кода, который мы можем многократно использовать в нашем коде. Это похоже на переменную, но содержит одну или несколько полных строк кода. Есть разные способы написания функции, но они работают одинаково: получение входных данных, преобразование данных, а затем вывод преобразованных данных. Теперь давайте посмотрим на разные типы -
Не все функции должны что-то возвращать или не все функции должны принимать параметры.
- Объявление функции -
function logger() { console.log('I am writing function declaration'); } logger();
Вышеописанным способом мы можем написать объявление функции. После того, как мы вызовем функцию, она выведет результат в консоль.
Основное преимущество написания объявления функции заключается в том, что ее можно использовать или вызывать до того, как она будет определена в коде.
logger(); function logger() { console.log('I am writing function declaration'); }
Итак, в приведенном выше примере мы вызываем нашу функцию до ее определения. Тем не менее, вместо ошибок он возвращает правильный результат. Это связано с подъемом. (подробнее об этом в отдельном блоге ..)
- Функциональные выражения -
const logger = function () { console.log('I am writing function expression'); } logger();
Другой способ написания функции - это функциональные выражения. Здесь мы сохраняем или определяем блок кода в переменной. И мы вызываем функцию, добавляя «()» в переменную. Мы можем назначить анонимную функцию (анонимная функция - это функция без имени функции) как значение переменной.
- Стрелочные функции -
const logger = () => console.log('I am writing arrow function'); logger();
Последний способ написания функции - использование стрелочных функций. Он представлен в ES6 (ES2015). Это отлично подходит для написания быстрой однострочной функции. Для определения блока кода не нужны фигурные скобки. Возврат происходит неявно в случае однострочных стрелочных функций.
Функция стрелки не имеет этого контекста. (Подробнее об этом в отдельном блоге ..)
Какой тип мы должны использовать в нашем коде?
Разные разработчики используют разные типы определения функций. Он основан на собственном предпочтении разработчика.
Для меня функциональные выражения, поскольку они обеспечивают мне красивую структуру кода, где я должен определить все функции в начале кода, а затем только я могу это вызвать. В отличие от объявлений функций, выражения функций не поднимаются, поэтому их нельзя вызывать до того, как они будут определены. Это делает код более красивым и структурированным.
Оставайтесь на связи, чтобы узнать больше об обновлениях Javascript ..😊