Классически функция объявляется используется примерно так:
function Inc(s,n){
return s+n;
};
Однако её можно объявить и так:
const Inc=(s,n)=>{
return s+n;
}
Кроме того! Можно еще короче, используя не явный return:
const Inc=(s,n)=>s+n;
Такие сокращения мне не очень нравятся (дело привычки больше), но тем не менее их удобно применять в некоторых случаях. Например если необходимо вернуть объект, как результат функции выйдет даже несколько понятнее:
const People=(name,soname,age,comment)=>({
name:name,
soname:soname,
age:age,
comment:comment
});
aa=People("Вася","Сидоров",18,"Вася обычный школьник")
Или например добавить событие onClick к кнопке на странице при помощи стрелочных функций:
but=document.getElementById('#button1');
but.onclick=()=>{
console.log("Вася нажал кнопку");
}
Выглядит гораздо проще, чем если бы мы использовали «классическую» запись:
function VasyaPress(){
console.log("Вася нажал кнопку");
};
but=document.getElementById('#button1');
but.onclick=VasyaPress();
Но! только если код внутри функции не сильно длинный. Иначе всё превращается в кашу.