Рубрики
Без рубрики

Функции в JavaScript

Функция-это мини-программа, которая выполняет задачу. В общем, программа состоит из нескольких маленьких … Tagged с JavaScript, начинающими, программированием.

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

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

Теперь у вас есть базовое понимание функции, давайте обсудим, как создать функцию.

Функциональное объявление

«Объявить функцию» – это просто перефраза «создать функцию»

Вам нужно три вещи, чтобы создать простую функцию:

  • Функциональное ключевое слово
  • Имя функции
  • оператор или логика

Давайте создадим функцию –

function add(){
    //statement
    console.log(2+3);
};

Выше мы начинаем с функция Ключевое слово, затем имя функции Добавить и утверждения этой функции определены между вьющимися скобками.

Функциональный вызов

Как только мы объявили функцию, мы позвоним, чтобы увидеть вывод.

add();

Это все, что вам нужно сделать, чтобы вызвать функцию – Название функции с последующей скобки.

” Назовите функцию “иногда также перефразировать как” вызовать функцию “

После вызова мы увидим вывод в консоли.

Параметры и аргументы

В приведенной выше функции мы напрямую поместили входное значение 2 и 3 в заявлении. Но что, если мы хотим передать входные значения, вызывая функцию.

Давайте возьмем пример.

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

function add(firstNum, secondNum){
   // statement
   console.log(firstNum + secondNum);
};

Выше мы объявили два параметра FirstNum и SecondNum в скобках. Мы будем использовать эти параметры в качестве переменных внутри определения функции.

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

add(2,3);

Выше мы передаем входные значения 2 и 3, вызывая функцию. Здесь 2 и 3 аргументы. Эти значения будут переданы параметрам, которые затем используются для обработки вывода в операторе.

Как только функция будет вызвана, мы увидим вывод в консоли.

Параметры по умолчанию

Иногда мы могли бы забыть объявить аргументы функции. В этом случае наша программа может дать ошибку, и мы не получим ожидаемый результат.

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

function add (firstNum = 1, secondNum = 6){
      // statement
      console.log(firstNum + secondNum);
};

// Invoke the function
add();

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

// Output
1 + 6 = 7

ОТВЕТСТВЕННОЕ ОТПРАВЛЕНИЕ

В разделе «Введение» мы обсудили, что, как правило, функция содержит логику обработки. До этого момента наша функция содержит как логику обработки, так и вывод.

function add (firstNum, secondNum){
    // statement
    console.log(firstNum + secondNum);
};

Перерабатывающая часть – FirstNum + Secondnum Output Part – Console.log ()

Теперь мы будем использовать функцию, чтобы вернуть значение, а затем выведем значение за пределами функции. Давайте добавим оператор возврата.

function add (firstNum, secondNum){
    // statement
    return firstNum + secondNum;
};

Оператор возврата указывает значение, возвращаемое функцией. Давайте вызовом этой функции.

add(2,3);

Теперь мы хотим увидеть ожидаемый выход.

console.log(add(2,3));

Просто оберните вызов функции в консоли.log ().

Функциональные выражения

Мы также можем использовать выражение функции для создания функции. Нам просто нужно создать функцию как переменную.

const language = function(){
    console.log("JavaScript");
};

language();

Вывод такой же. JavaScript регистрируется в консоли.

Подъем

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

// Invoking the function
message();

// Function Declaration
function message(){
    console.log("Good Morning");
};

Но мы не можем сделать то же самое в выражениях функций.

// Invoking the function
message();

// Function Declaration
const message = function(){
    console.log("Good Morning");
};

Эта программа вызовет ошибку.

TypeError: сообщение не является функцией

Функции стрелы

Функция стрелки – это функция ES6, которая позволяет нам создавать функцию без использования ключевого слова функции. Нам также часто не нужно использовать оператор возврата.

Давайте приведем пример –

// Normal function declaration
function greeting(name){
    return `Good morning, ${name}`;
};

Теперь мы упрощаем вышеуказанную функцию, используя функцию стрелки.

// Arrow function
const greeting = name => `Good morning, ${name}`;

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

Когда функция берет более одного аргумента, аргументы должны быть окружены скобками.

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

// Arrow function
const greeting = (message, name) => `${message}, ${name}`;

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

const add = (a, b) => {
    let sum = a + b;
    return sum;
}

console.log(add(1,2));

Вывод

Я надеюсь, что после прочтения этого блога вы поймете основы функции в JavaScript. Если вы считаете этот блог полезным, не забудьте поделиться им.

Спасибо 🙂

Связаться со мной на – Twitter Instagram

Оригинал: “https://dev.to/abhishekkgautam/functions-in-javascript-9dp”

Читайте ещё по теме: