Лямбда функция В JavaScript . Использование лямбда функции. [Пример1] var myFunc1 = (a, b) => a + b; [Пример2] Calculate(15, 7, (v1, v2) => {return v1+v2;});

Программирование, разработка, тестирование

→

JavaScript - язык программирования для HTML

→

Лямбда функция В JavaScript . Использование лямбда функции. [Пример1] var myFunc1 = (a, b) => a + b; [Пример2] Calculate(15, 7, (v1, v2) => {return v1+v2;}); | стандарт ES5

Посмотрели 31684 раз(а) Комментариев 6

Последний комментарий: (19 декабря 2020 16:36) Спасибо. Про дизайн сайта вы правы. Просто пока... читать... написать комментарий...

Лямбда функция В JavaScript | стандарт ES5

последнее обновление: 1 августа 2020

Лямбда функция обозначается =>

Лямбда функция это сокращенный вариант безымянной функции.

Лямбда функция используется также как и безымянная функция. Безымянная функция используется так:
• безымянную функцию передаем как параметр в другую функцию... Пример: Calculate(15, 7, function(v1, v2) {return v1+v2;});
• создаем новую переменную и новой переменной назначаем безымянную функцию... Пример: var myFunc1 = function (a, b) { return a + b; } ;

Лямбда функция описывается так:

Лямбда функция:

JavaScript

() => 30

Лямбда функция без параметров

Лямбда функция возвращает: 30

Лямбда функция без тела функции

Полный пример:

Html

<html>
<body>

<script>
     // объявляем лямбда функцию
     var myFunc1 = () => 30;

     // вызываем функцию
     var result = myFunc1();

     // result = 30
</script>

</body>
</html>

Лямбда функция:

JavaScript

() => {
return 30;
}

Лямбда функция без параметров

Лямбда функция возвращает: 30

Лямбда функция с телом функции
{
...
}
Телом функции позволяет использовать много строчек кода

Полный пример:

Html

<html>
<body>

<script>
     // объявляем лямбда функцию
     var myFunc1 = () => {
          return 30;
     };

     // вызываем функцию
     var result = myFunc1();

     // result = 30
</script>

</body>
</html>

Лямбда функция:

JavaScript

value1 => value1 * 5

Лямбда функция с 1-им параметром
value1

Лямбда функция возвращает: value1 * 5

Лямбда функция без тела функции

Полный пример:

Html

<html>
<body>

<script>
     // объявляем лямбда функцию
     var myFunc1 = value1 => value1 * 5;

     // вызываем функцию
     var result = myFunc1(10);

     // result = 50
</script>

</body>
</html>

Лямбда функция:

JavaScript

value1 =>
{
return value1 * 5;
}

Лямбда функция с 1-им параметром
value1

Лямбда функция возвращает: value1 * 5

Лямбда функция с телом функции
{
...
}
Телом функции позволяет использовать много строчек кода

Полный пример:

Html

<html>
<body>

<script>
     // объявляем лямбда функцию
     var myFunc1 = value1 =>
     {
          return value1 * 5;
     };

     // вызываем функцию
     var result = myFunc1(10);

     // result = 50
</script>

</body>
</html>

Лямбда функция:

JavaScript

(value1, value2) => value1 + value2

Лямбда функция с 2-мя параметрами
value1, value2

Лямбда функция возвращает: value1 + value2

Лямбда функция без тела функции

Полный пример:

Html

<html>
<body>

<script>
     // объявляем лямбда функцию
     var myFunc1 = (value1, value2) => value1 + value2;

     // вызываем функцию
     var result = myFunc1(10, 30);

     // result = 40
</script>

</body>
</html>

Лямбда функция:

JavaScript

(value1, value2) =>
{
return value1 + value2;
}

Лямбда функция с 2-мя параметрами
value1, value2

Лямбда функция возвращает: value1 + value2

Лямбда функция с телом функции
{
...
}
Телом функции позволяет использовать много строчек кода

Полный пример:

Html

<html>
<body>

<script>
     // объявляем лямбда функцию
     var myFunc1 = (value1, value2) =>
     {
          return value1 + value2;
     };

     // вызываем функцию
     var result = myFunc1("Evgen", "123");

     // result = "Evgen123"
</script>

</body>
</html>

Лямбда функция:

JavaScript

(userName, userAge) => ({name: userName, age: userAge})

Лямбда функция с 2-мя параметрами
userName, userAge

Лямбда функция возвращает объект со свойствами: name и age
{name: userName, age: userAge}

Лямбда функция без тела функции

На заметку!
Мы возвращаем объект
({name: userName, age: userAge})
в скобках ( ... )
чтобы сказать компилятору что у нас нет тела функции.

Полный пример:

Html

<html>
<body>

<script>
     // объявляем лямбда функцию
     var myFunc1 = (userName, userAge) => ({name: userName, age: userAge});

     // вызываем функцию
     var result = myFunc1("Evgen", "123");

     // result.name = "Evgen"
     // result.age = 123
</script>

</body>
</html>

Лямбда функция:

JavaScript

comp => ({price: 10, comp})

Лямбда функция с одним параметром
comp

Лямбда функция возвращает объект со свойствами: price и comp
{price: 10, comp} // comp выходной параметр равен входному параметру

Лямбда функция без тела функции

На заметку!
Мы возвращаем объект
({price: 10, comp})
в скобках ( ... )
чтобы сказать компилятору что у нас нет тела функции.

Полный пример:

Html

<html>
<body>

<script>
     // объявляем лямбда функцию
     var myFunc1 = comp => ({price: 10, comp});

     // вызываем функцию
     var result = myFunc1(123);

     // result.price = 10
     // result.comp = 123
</script>

</body>
</html>

Лямбда функция:

JavaScript

(userName, userAge) => {
return {name: userName, age: userAge};
}

Лямбда функция с 2-мя параметрами
userName, userAge

Лямбда функция возвращает объект со свойствами: name и age
{name: userName, age: userAge}

Лямбда функция с телом функции
{
...
}
Телом функции позволяет использовать много строчек кода

Полный пример:

Html

<html>
<body>

<script>
     // объявляем лямбда функцию
     var myFunc1 = (userName, userAge) => {
          return {name: userName, age: userAge};
     };

     // вызываем функцию
     var result = myFunc1("Evgen", "123");

     // result.name = "Evgen"
     // result.age = 123
</script>

</body>
</html>

Пример1. Создаем новую переменную и новой переменной назначаем лямбда функцию

JavaScript

<html>
<body>

<script>

     // объявляем безымянную функцию с 2-мя параметрами и возвращающая a + b
     var myFunc1 = (a, b) => a + b;

     // вызываем безымянную функцию
     var value = myFunc1(15, 7);
     // value = 22

</script>

</body>
</html>

Пояснение

JavaScript

// создаем новую переменную myFunc1
var myFunc1

JavaScript

// myFunc1 переменной назначаем безымянную функцию с 2-мя параметрами и возвращающая a + b
myFunc1 = (a, b) => a + b;

Пример2. Лямбда функцию передаем как параметр в другую функцию

Html

<html>
<body>

<script>
     // Объявление функции Calculate
     function Calculate(a, b, funcFormula) // параметр funcFormula есть функция потому что используется как функция
     {
          return funcFormula(a, b);
     }
</script>

<script>
     // Вызываем функцию Calculate
     var value = Calculate(15, 7, (value1, value2) => // это лямбда функция, считающая суммирование
          {
               return value1 + value2;
          }
     );
     // value = 22

     // Вызываем функцию Calculate
     var value = Calculate(23, 12, (value1, value2) => // это лямбда функция, считающая вычитание
          {
               return value1 - value2;
          }
     );
     // value = 11
</script>

</body>
</html>

Пояснение

В примере вызываем функцию Calculate
Calculate(15, 7, (value1, value2) =>
     {
            return value1 + value2;
     }
);

Внимание! Голубым цветом помечена лямбда функция

В функции Calculate
1-ым параметром передаем число 15
2-ым параметром передаем число 7
3-им параметром передаем лямбда функцию
(value1, value2) =>
{
     return value1 + value2;
}

value1 1-ый параметр лямбда функции
value2 2-ой параметр лямбда функции

← Предыдущая тема
Создаем файл js с объектом содержащий экспортные переменные и функции. Это пример использования само-вызывающей безымянной функции | стандарт ES5

Следующая тема →
Переменные В JavaScript (текст, число, флаг, дата и время) | стандарт ES5