JS 화살표 기능

JavaScript에서는 함수의 이름을 지정할 필요가 없는 경우가 많습니다. 특히 함수를 다른 함수의 인수로 전달할 때 그렇습니다. 대신 인라인 함수를 만들 수 있습니다. 다른 곳에서는 재사용하지 않기 때문에 이러한 함수에 이름을 지정할 필요가 없습니다.

화살표 기능을 사용하는 방법에는 두 가지가 있습니다. 구문을 살펴보겠습니다.

통사론




const ArrowFun = function() {
     const myVar = 'Value'
     return myVar
}


function 키워드를 생략할 수 있습니다. 위와 유사한 결과가 나오는 아래 구문을 참조하십시오.

const ArrowFun = () => {
     const myVar = 'Value'
     return myVar
}


또한 JavaScript에서 화살표 함수를 작성하는 다른 방법이 있습니다. 마찬가지로 함수 본문이 없고 return 문만 있는 경우 화살표 함수 구문을 사용하면 return 키워드와 코드를 둘러싼 대괄호를 생략할 수 있습니다. 아래 코드 스니펫을 살펴보십시오. 🔽

const myFunc = () => 'Value'


위에서 언급한 코드는 여전히 기본적으로 강력한 값을 반환합니다.

const magic = {} => new Date() //returns a Date


또한 다른 함수와 마찬가지로 Params 및 기타 연산자를 JavaScript의 화살표 함수에 전달할 수 있습니다.

좋은 웹페이지 즐겨찾기