[JS] 화살표 함수와 즉시 실행 함수

yengni·2022년 7월 14일
0

JS

목록 보기
4/11
post-thumbnail

☀️ 화살표 함수

: 화살표 함수는 function키워드 대신에 화살표를 사용해서 함수를 좀 더 간략하게 표현할 수 있다`

() => {}

예제 ) 화살표 함수 만들기

// normal function
const doubleArrow = function() {
	console.log("How to make this?");
}
//Arrow function
const doubleArrow = () =>{console.log("How to make this?");}

💡인수가 하나일 때

:인수가 하나밖에 없다면 인수를 감싸는 괄호를 생략할 수 있습니다. 괄호를 생략하면 코드 길이를 더 줄일 수 있습니다.

let double = n => n * 2;
// let double = function(n) { return n * 2 }과 거의 동일합니다.
alert( double(3) ); // 6

💡인수가 하나도 없을 때

:인수가 하나도 없을 땐 괄호를 비워놓으면 됩니다. 다만, 이 때 괄호는 생략할 수 없습니다.

let sayHi = () => alert("안녕하세요!");
sayHi();

☀️ 즉시 실행 함수

: 즉시 실행 함수란 함수를 정의함과 동시에 호출하는 것을 의미한다.
🏷 즉시 실행 함수는 딱 1번만 사용되고 사라지므로 함수명을 붙여줄 필요가 없어서 익명함수를 사용하는 것이 일반적이다.

  • 괄호를 두번 사용한다.
  • 익명 함수를 사용하는 것이 일반적이다.

방법 1. 호출을 따로한다.

(function() {
	console.log(a*2);
}) ();

방법 2. 호출을 함수 정의 안에 포함시킨다. (이 방법을 권장한다.)

(function() {
	console.log(a*2);
} ());
profile
우당탕탕 비전공자의 FE 개발일지

0개의 댓글

관련 채용 정보

Powered by GraphCDN, the GraphQL CDN