[JavaScript] Arrow Function
2022. 3. 15.ㆍ공부/JavaScript
728x90
함수는 일련의 과정을 문(statement)으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것이다. 프로그래밍 언어의 함수도 입력을 받아서 출력을 내보낸다. 이때 함수 내부로 입력을 전달받는 변수를 매개변수(parameter), 입력을 인수(argument), 출력을 반환값(return value)이라 한다. 함수는 값이며, 여러 개 존재할 수 있으므로 특정 함수를 구별하기 위해 식별자인 함수 이름을 사용할 수 있다.
자바스크립트에서는 함수를 "일급 객체"로 분류한다. 일급 객체란 변수에 저장될 수 있는 모든 요소를 총칭하는 단어이고 아래와 함수를 변수에 저장해서 사용할 수 있다.
** 일급 객체 **
let foo = function() { return 1; }
1. 파라미터가 여럿인 경우는 소괄호 안에 나열한 후 화살표 중괄호를 여닫고 실행문을 작성한다.
const plus = (x,y) => x+y;
// x와 y를 입력받아 x+y를 리턴하는 arrow function 작성
let sum = plus(1,2); // 함수에 argument 넣어 실행한 후 변수 sum에 저장
console.log(sum) // 콘솔에 찍기
2. 함수에 넣을 매개 변수가 하나만 있다면 소괄호는 생략 가능하다.
const minus = x => {
return x - 10;
}
3. 매개변수가 없는(void 매개변수)인 경우 소괄호를 생략할 수 없다.
const hello = () => 'hello';
result = hello();
console.log(result);
'공부 > JavaScript' 카테고리의 다른 글
[JavaScript] canvas API 이용한 브라우저 그림판 구현 (0) | 2022.03.20 |
---|---|
[JavaScript] Spread 연산자 (0) | 2022.03.17 |
[JavaScript] 이벤트 핸들러 이용한 아코디언 메뉴 구현 (jQuery) (0) | 2022.03.14 |
[JavaScript] <script> 태그의 위치 (0) | 2022.03.12 |
[JavaScript] 이미지 슬라이더 구현 (0) | 2022.03.12 |