Функция стрелки была введена в ES6 и имеет простой синтаксис и больше возможностей, чем нормальная функция Js.
Типы объявлений функций
Старый способ написания функции был…
function Func_Name( Param) {кодовый блок}; //Метод объявления
const Func_Name = function(){кодовый блок}; //Метод выражения
Запись функции с использованием функции стрелки…
Для однострочного кода -
const Func_Name=()=›console.log(2+3);
Для многострочного кода -
const Func_Name=() =› { console.log(2+3) ; console.log(1+2); }
Возврат в стрелке
В стрелочной функции нам не нужно использовать ключевое слово возврата для одной строки кода, чтобы вернуть какое-либо значение.
const Fun_Name=() => {let Data=(A+B)};
пусть Data_Received=Fun_Name();
console.log( Data_Received);// что равно (A+B)
Когда мы возвращаем { Object } в функцию стрелки
пусть const Fun_Name=() =› {
вернуть {Имя: Удай};
};
Но мы стараемся упростить из-за однострочного кода.
let const Fun_Name=() =› {Name : Uday } ;
// Ошибка, поскольку Js будет рассматривать { как блок кода, а не объект
Решение состоит в том, чтобы оставить возвращаемое значение рядом со скобками ( return vlaue).
let const Fun_Name=() =›( {Name : Uday }) ;
Функция стрелки и это
в стрелочной функции нам не нужно связывать это ключевое слово с функцией, когда мы ссылаемся на объект внутри функции, используя this.property
Функция стрелки не имеет собственного this. благодаря этому они автоматически сосредотачиваются на первом этом в осевом объеме родительского этого.