Javascript #12 - Arrow Function (함수 part.3)

2021. 1. 12. 00:48· 웹 개발 공부 : Front-end/Javascript
반응형

예전에 React.js에 대해서 간단히 훑어본적이 있었는데, 그때 Arrow Function에 대한 개념을 접했던 것 같다, 프로젝트 혹은 현업에서 좋은 코드 중 하나는 물론 시간과 공간을 효율적으로 사용하는 코드이기도 하지만, 가독성이 좋은 것도 크게 한 몫 한다고 생각하기 때문에 별도로 포스팅을 해보았다.

 

★ Arrow Function

기존 함수선언의 번거로움을 해소시켜주는 친구. 예를 들자면

// 기존 함수 선언

const prinHello = function () {
	console.log('Hello World!');
};


// Arrow Function

const printHello = () => console.log('Hello World!');

Arrow Function은 함수가 한 줄 일때는 {}과 return도 생략이 가능하다. (함수가 두 줄 이상일때는 {}, return 써야함)

const sum = (x, y) => x + y;


// 기존 함수선언이었다면?

const sum = function(x, y) {
	return x + y;
}



// 함수가 두 줄 이상일때?

const operatorFunc = (x, y) => {
	// logic...
    return a * b;
}

참고로 Arrow Function은 기본적으로 anonymous Function이다.

 

★ IIFE : Immediately Invoked Function Expression (자주 쓰이진 않음)

함수의 선언과 호출을 동시에!

(function Hello() {
	console.log('Hello World!');
})();

함수 전체를 괄호로 묶고, 다시 함수를 호출하듯이 ();를 사용하면 함수를 선언과 동시에 호출할 수 있다.

반응형

'웹 개발 공부 : Front-end > Javascript' 카테고리의 다른 글

Javascript #11 - 함수 Part. 2  (0) 2021.01.11
Javascript #10 - 함수 Part. 1  (0) 2021.01.11
Javascript #9 - 반복문, 조건문  (0) 2021.01.09
Javascript #8 - 연산자  (0) 2021.01.09
Javascript #7 - 이 외의 타입들  (0) 2021.01.08
'웹 개발 공부 : Front-end/Javascript' 카테고리의 다른 글
  • Javascript #11 - 함수 Part. 2
  • Javascript #10 - 함수 Part. 1
  • Javascript #9 - 반복문, 조건문
  • Javascript #8 - 연산자
Developer KTU
Developer KTU
Developer KTU
KTU 개발 블로그
Developer KTU
전체
오늘
어제
  • 분류 전체보기
    • 웹 개발 공부 : Back-end
      • JAVA
      • JPA
      • JAVA - Spring
      • MySQL
      • Docker
      • Redis
      • JSP
      • DevOps
      • 파이썬 - 장고
      • 운영체제
      • WEB
    • 블록체인
    • 웹 개발 공부 : Front-end
      • React
      • Javascript
      • JQuery
      • Ajax
    • 알고리즘 공부
    • 나의 커리어

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • Algorithm
  • 알고리즘공부
  • 코딩테스트
  • 백엔드
  • Python
  • 스프링부트
  • SpringBoot
  • Back-end
  • JavaScript
  • 컴퓨터공학
  • 파이썬
  • 알고리즘공부기
  • 백준
  • 자바스크립트
  • Java
  • 자바
  • 백엔드개발자
  • 알고리즘
  • BOJ
  • 웹개발

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.2
Developer KTU
Javascript #12 - Arrow Function (함수 part.3)
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.