Язык программирования, Javascript, красиво сложен и довольно мощен. При правильном выполнении мы можем реализовать сложные функции на веб-страницах, которые будут динамичными, интерактивными и захватывающими! Но для этого сначала нам нужно освоиться с функциями.
Функции — это строительные блоки Javascript. Они размещают конкретные инструкции для выполнения задачи или получения значения. Они идеально подходят для хранения информации, организации нашего кода и могут использоваться повторно. Существует множество различных форм функций, но сегодня мы рассмотрим 3: объявления функций, функции-выражения и стрелочные функции.
Объявления функций
Объявление функции — самая традиционная функция. Вы должны использовать его, если вам нужно получить к нему доступ в глобальной области. Это состоит из:
- Ключевое слово `функция`
- имя для функции
- Скобки: () и фигурные скобки: {}
Например:
function sayHello() {
// code to be executed
}
Эта функция, sayHello, еще ничего не делает, но важно понять правильный синтаксис, чтобы мы могли начать его расширять. Теперь давайте посмотрим на функцию, которая принимает строковый параметр:
function bestColor() {
console.log("The best color in the world is pink!");
}
bestColor();
Эта функция получает ввод "Лучший цвет в мире — розовый!" и возвращается, вызывая функцию в нижней строке.
Функциональные выражения
Выражения функций похожи на объявления функций, но вместо этого используют переменную для определения функции. Возвращаемое значение сохраняется внутри переменной.
const multiply = function(x, y) {
console.log(x * y);
}
multiply(8, 2);
В приведенном выше функциональном выражении мы можем вызвать функцию, вызвав имя переменной. Это функциональное выражение наиболее рекомендуется для использования, когда вы хотите ограничить доступ к его глобальной области видимости и сохранить свой код в чистоте.
Стрелочные функции
Последняя функция, которую мы рассмотрим сегодня, — это функция стрелки. Эта функция немного новее для Javascript и отлично подходит для сокращения вашего кода! Вместо того, чтобы тратить драгоценное время на ввод слова «функция», мы опускаем его и заменяем стрелкой: =›
let subtract = (a, b) => a - b; console.log(subtract(10, 2));
Так коротко и просто! Мы также можем расширить это на несколько строк, используя скобки, если у нас есть более сложный оператор:
const hello = () => {
return "Howdy, partner!";
}
hello()
В нашем коде есть несколько типов функций, каждая из которых служит своей цели. Функции позволяют нам с легкостью читать (и перечитывать), отлаживать и обновлять наш код, чтобы мы могли воплотить в жизнь наши блестящие идеи.
Не бойтесь напортачить, сломать код, начать сначала 16 раз, попросить о помощи или позвонить другу для моральной поддержки! Кодирование может быть разочаровывающим, но чувство, которое вы получите, наконец, увидев, как оно работает без проблем; это бесценно.
Цитаты:
«Стрелочные функции, основы». The Modern JavaScript Tutorial, 14 апреля 2022 г., javascript.info/arrow-functions-basics.
Угочи, Укпай. «Как работает Javascript: различные способы объявления функции + 5 лучших практик». Medium, 27 апреля 2023 г., medium.com/sessionstack-blog/how-javascript-works-the-different-ways-of-declaring-a-function-5-best-practices-8a0324c06fe2.
МозДевНет. «Что такое Javascript? — Изучите веб-разработку: MDN». Изучите веб-разработку | MDN, developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/What_is_JavaScript. По состоянию на 27 июня 2023 г.
Оладехо, Иезекииль. «Подход для начинающих к функциям в JavaScript». Medium, 6 января 2018 г., medium.com/codebagng/a-beginner-approach-to-functions-in-javascript-5d5381f44f8c.
Различные способы написания функций в JavaScript. GeeksforGeeks, 30 декабря 2022 г., "www.geeksforgeeks.org/ Different-ways-of-writing-functions-in-javascipt/."
Уилки, Эмбер. Когда использовать объявление функции против функционального выражения. freeCodeCamp.Org, 18 июля 2019 г., www.freecodecamp.org/news/when-to-use-a-function-declarations-vs-a-function-expression-70f15152a0a0/#:~: text=Summary,light%2C%20and%20maintain%20clean%20syntax.
