umilove98의 블로그

익명함수를 만들면서 바로 실행하고 싶을 때가 있다. 어떤 수에 10을 더하는 다음과 같은 함수가 있다고 하자 1 2 3 4 5 const a = 5 function ten(){ console.log(a + 10) } ten() cs 일반적인 방법으로는 이렇게 ten 이라는 이름의 함수를 생성한 후 해당 함수를 호출하는 방법으로 실행된다. 단 한번 만들어서 즉시 실행해버리고 싶은 경우에는 1 2 3 4 const a = 5 (function() { console.log(a + 10) }()) cs 이러한 형태로 즉시 실행 함수를 동작시킬 수 있다. 이 때 자바스크립트 엔진이 즉시실행함수와 그 전의 코드를 명확하게 구분하지 못하여 에러가 발생할 수 있다. 이를 방지하기 위해 즉시실행함수를 사용할 때는 해당 ..

여기 한 함수가 있다. 1 2 3 4 const ten = function (x) { return x + 10 } console.log(ten(5)) // 15 cs 입력받은 수에 10을 더해 반환하는 함수이다. 그런데 이 함수는 이렇게 나타내기도 한다. 1 2 3 4 const tenArrow = (x) => { return x + 10 } console.log(tenArrow(5)) //15 cs 이를 화살표함수 (Arrow function)이라고 한다. 이 때, 함수 안에서 return 전에 오는 코드가 없다면 더욱 축약한 형태로도 사용할 수 있다. 1 2 3 const tenArrow = (x) => x + 10 console.log(tenArrow(5)) //15 cs 더욱 축약된 상태의 코드 ..