Функции
Функция — это часть кода, которую можно использовать снова и снова. Он может содержать параметры, которые позволяют передавать информацию или инструкции в функцию. Если параметры не используются, функция не возвращает никаких параметров.
Функции без параметров
функциональный тест () {
console.log('Это что-то напечатает');
};
тестовое задание();
Функция выше будет печатать данные внутри функции, когда она вызывается через test();. Эту функцию можно вызвать снова, и она выведет тот же результат.
Функции с параметрами
функция createItem (название еды, ингредиенты) {
const waffle = `${foodName} с ${ингредиентами}`;
console.log(вафля);
}
createItem("Вафли", "Шоколадный соус");
createItem("Пицца", "Пепперони");
Вышеупомянутая функция передает два параметра foodName и ингредиенты. Эти значения можно вызвать в функции при создании элемента питания. При использовании литерала шаблона выходные данные будут зарегистрированы как «Вафли с шоколадным соусом».
Поскольку вы можете повторно использовать функцию, был создан еще один элемент, который выдает результат «Пицца с пепперони».
Объявления функций и выражения функций
Объявления функций
Объявление функции — это функция с заданными параметрами. Он не хранится в переменной.
функция addNumbers(число) {
номер возврата + 1;
}
console.log(добавитьЧисла(2));
Это приведет к результату 3 (2 + 1).
Функциональные выражения
Поскольку функции также являются значением, их можно хранить в переменной. Поскольку он определен, он будет немедленно вызван (он запустится, как только будет назван).
const simpleMath = функция (число) {
номер возврата + 1;
};
console.log (простая математика (2));
Это также приведет к тому же результату.
Какую функцию использовать?
Объявление функции можно использовать в глобальной области видимости, что означает, что она будет доступна в любом месте вашего кода, в то время как функциональные выражения не портят глобальную область видимости. Вместо этого они потребляются и забываются.
Функциональные выражения более понятны для вашего кода, поэтому их рекомендуется использовать.
Функции, вызывающие другие функции
Лучший вариант использования функций, вызывающих другие функции, — просто разбить большую проблему на меньшую.
функция getIngredients (ингредиенты) {
вернуть ингредиенты + 1;
}
блендер функции (шоколад, свежее молоко) {
const ингредиентОдин = получитьИнгредиенты(шоколад);
const ингредиентДва = получитьИнгредиенты(свежееМолоко);
const milkShake = `Молочный коктейль состоит из ${ingredientOne} кусочков шоколада и ${ingredientTwo} литров молока`;
возврат молочного коктейля;
}
console.log(блендер(2, 1));
Это простой пример, демонстрирующий, как функции могут вызывать другие функции. Функция blender() вернет входные данные + 1 для каждой из переменных, переданных во вторую функцию, которые являются переменными Chocolate (2+1) и Fresh Milk (1+1). Результатом будет такая строка;
Молочный коктейль состоит из 3 кусочков шоколада и 2 литров молока.
Стрелочные функции
Этот тип функции создает более чистый код по сравнению с другими функциями, указанными выше.
const simpleAddition = (число) => 2 + число;
console.log(простое дополнение(2));
(Число) — это параметр, используемый в функции. Он просто возвращает (значение + число), обеспечивая более короткий синтаксис. Вывод вернет значение 4.