Привет, ребята, сегодня я обсуждаю функции Arrow в javascript или, скажем так, в ES6.

Функция стрелки -

  • Стрелочные функции представлены в ES6, что обеспечивает более точный способ написания функций на JavaScript. Они позволяют нам писать меньший синтаксис функции. Стрелочные функции делают ваш код более читабельным и структурированным.
  • Стрелочные функции — это анонимные функции (функции без имени и не связанные идентификатором).
  • Их можно объявить без ключевого слова function.
  • Стрелочные функции нельзя использовать в качестве конструкторов.
  • Их также называют лямбда-функциями на разных языках.

синтаксис -

const functionName = (arg1, arg2, ?..) => {  
    //body of the function  
}

Пример 1 — нормальная функция

//Normal function
function display(){
console.log("This is a normal function");
}
display();
//Arrow function
const display = () => {
console.log("This is an Arrow function");
}
display()

Выход -

This is a norml function
This is an Arrow function
  • «=›» , это называется записью жирной стрелки или записью лямбда.
  • «()», внутри этих фигурных скобок мы можем передавать параметры
  • Затем мы получили тело функции внутри фигурных скобок «{}».
  • Затем мы вызвали ее как обычную функцию, используя имя ее переменной.

Пример 2 — параметризованная функция

//With parameters
const Factorial = (num) =>{
    let fact = 1;
    for(let i=1;i<=num;i++){
        fact *= i;
    }
    console.log(fact);
}
Factorial(5);

Выход -

120
  • Мы создали стрелочную функцию с именем Factorial и внутри фигурных скобок «(num)» мы передали параметр «num», который является числом, используемым для вычисления факториала, затем внутри тела функции мы написали логику факториала и в конец мы назвали функцией Факториала, которая производит вывод.

Пример 3 — Однострочные функции

//single line statement functions dont need curly braces
//it is optional to put curly braces for it
const single = (a,b) => return a + b;
single(10,15);

Выход-

25

Пример 4 — Остальные параметры

//With rest parameters
const restPararmeter = (...args) => {
    let sum = 0;
    for(let i of args){
        sum += i;
    }
    console.log(sum);
}
restPararmeter(1,2,3,4,5,6,7,8,9,10);

Выход -

55
  • Остальные параметры «…», обозначенные тремя точками, не ограничивают вас в передаче количества значений в функцию, но все передаваемые значения должны быть одного типа.
  • Здесь мы передали 10 чисел в аргументах при вызове нашей функции, а затем просуммировали все числа и вывели результат.
  • Как видите, мы использовали оператор rest в параметре функции и не создавали 10 разных параметров для передачи 10 чисел.

Как мы видели, стрелочная функция упрощает написание функции, а также уменьшает количество строк.

Вот и все для этого поста.

СПАСИБО, ЧТО ПРОЧИТАЛИ ЭТО ПОСТ, И ЕСЛИ ВЫ НАЙДЕТЕ ЛЮБУЮ ОШИБКУ ИЛИ ХОТИТЕ СДЕЛАТЬ ЛЮБОЕ ПРЕДЛОЖЕНИЕ, ПОЖАЛУЙСТА, ОТМЕТЬТЕ ОБ ЭТОМ В РАЗДЕЛЕ КОММЕНТАРИЙ.

^^ Вы можете помочь мне пожертвованием по ссылке ниже Спасибо👇👇 ^^

☕ → https://www.buymeacoffee.com/waaduheck ←

Также проверьте эти сообщения, а также

  1. https://dev.to/shubhamtiwari909/функция-высшего порядка-в-javascript-1i5h
  2. https://dev.to/shubhamtiwari909/best-vs-code-extensions-for-web-development-2lk3
  3. https://dev.to/shubhamtiwari909/introduction-to-tailwind-best-css-framework-1gdj

Если этот пост был полезен, пожалуйста, несколько раз нажмите кнопку аплодисментов 👏, чтобы выразить свою поддержку автору 👇

🚀Разработчики: учитесь и развивайтесь, не отставая от того, что важно, ПРИСОЕДИНЯЙТЕСЬ К FAUN.