화살표 함수가 단순 함수보다 선호되는 이유는 무엇입니까?

안녕하세요 👋 여러분 환영합니다.

오늘 우리는 Simple Function이 아닌 Arrow Function을 사용해야 하는 이유를 깊이 배우고 있습니다.

다이빙하자 ..

C++, C, Python 및 JavaScript와 같은 대부분의 프로그래밍 언어에서 함수는 대부분 코드를 재사용할 수 있도록 만드는 데 사용됩니다.

기능의 정의

기능은 동일한 논리를 여러 번 작성하는 대신 반복해서 사용할 수 있는 코드 조각으로 정의됩니다.

JavaScript의 기능

자바스크립트에서는 주로 함수를 설명하는 두 가지 방법이 있습니다.

Simple Way(함수 키워드 포함)

화살표 기능 포함

Simple Way(함수 키워드 포함)

2015년 이전에는 함수를 작성하는 일반적인 방법이 동일했습니다. 아래에서 보여드리겠습니다.

예시

function Sum(Param1 , Param2)
{
    return Param1+Param2
}
console.log(Sum(3,5)) // 8

위의 예에서 함수가 2개의 매개변수를 수락하고 이 2개의 매개변수의 합계를 반환하는 것을 볼 수 있습니다. This is way of writing function에서는 함수 이름 앞에 function 키워드를 쓰고 그 뒤에 () 괄호를 써야 합니다.

화살표 기능으로

이들은 2015년(ES6)에 도입되었습니다. 이것은 함수를 작성하는 최신의 널리 사용되는 방법입니다. 화살표 함수가 작성되는 방법을 더 잘 이해하려면 주어진 예제를 살펴보십시오.

예시

let Minus=(Param1 , Param2)=>
{
    return Param1-Param2
}
console.log(Minus(12,8)) // 4

위의 예에서 우리는 let 키워드와 함수 이름, =()=>을 제공합니다. 이 괄호는 이 화살표 함수에 전달된 매개변수를 수락하기 위한 것입니다.

화살표 함수가 필요한 이유

짧은 코드를 작성하는 데 도움이 됨

배열 방법(필터, 축소), 콜백 등에서 가장 잘 작동합니다.

화살표 함수가 짧은 코드를 작성하는 데 어떻게 도움이 되는지 살펴보겠습니다.

예시

let Minus=Param1=>
{
    return `My Value is ${Param1}`
}
console.log(Minus(12)) // My Value is 12

Boom , You Can See That , 함수에 매개변수가 하나만 있으면 괄호를 생략할 수 있습니다. 이제 이 코드를 훨씬 짧게 만들어 보겠습니다.

예시

let Minus=Param1=> `My Value is ${Param1}`

console.log(Minus(12))

와우, 당신은 그것을 볼 수 있습니다. 함수에 하나의 매개 변수가 있고 반환 문만 있는 경우 괄호 () , 중괄호 {} 및 반환 키워드도 생략할 수 있습니다. 우리 함수는 Arrow Function Super Powers 💥 때문에 한 줄로 변환되었습니다.

기억하세요: Our Function에 여러 문이 있는 경우 중괄호를 생략할 수 없습니다. 주어진 예에서처럼

예시

let MyName=Param=>{ let X=23; let Y=10; console.log(`I am ${Param}`) }

MyName('Zubair') // I am Zubair

익명 함수

화살표 함수는 또한 익명 함수를 작성할 수 있는 기능을 제공합니다. 이들은 연관된 이름이 없는 함수입니다.

예시

()=>
{
    console.log("Hello World");
}

이러한 익명 함수는 콜백 중에 매우 유용합니다(나중에 다루겠습니다).

제 글이 마음에 드셨다면 좋아요, 댓글, 공유하기💛. 다음 포스팅에서 새로운 배움으로 찾아뵙겠습니다.

행복한 코딩!! ⚡