저장을 습관화

화살표 함수 본문

공부/JavaScript

화살표 함수

ctrs 2023. 8. 6. 19:48

코드

function 기존함수(매개변수, parameter) {
  console.log(`${매개변수}, ${parameter}`);
}

기존함수("전달인자", "argument");


const 화살표함수 = (매개변수, parameter) => {
  console.log(`${매개변수}, ${parameter}`);
};

화살표함수("전달인자", "argument");

 

실행

$ node test.js
전달인자, argument
전달인자, argument

 

여러 사용 방법

const sum = (a, b) => {
  return console.log(a + b);
};
sum(1, 3); // 4


const printHello = () => console.log("Hello");
printHello(); // Hello

const printBye = () => "Bye";
console.log(printBye()); // Bye


const printMessage = message =>
  console.log("경우에 따라 파라미터의 괄호도 생략이 가능하다.");
printMessage(); //경우에 따라 파라미터의 괄호도 생략이 가능하다.


// 간단하다면 로직을 감싸는 중괄호도 생략이 가능하다.
const plus = (a, b) => a + b;
console.log(plus(1, 3)); // 4

const minus = (a, b) => a - b;
console.log(minus(8, 1)); // 7


const sumAndPrint = (a, b) => {
  return console.log(`결과는 ${a + b}입니다.`);
};
sumAndPrint(1, 7); // 결과는 8입니다.

 

일급 객체 - 변수에 넣거나 함수에 매개변수로 전달될 수 있는 객체를 일급객체라고 한다.

const 덧셈 = (a, b) => {
  return a + b;
};

const 뺄셈 = (a, b) => {
  return a - b;
};

let plus = 덧셈;
let minus = 뺄셈;

const cal = (a, b, func) => {
  return func(a, b);
};

console.log(cal(10, 20, plus)); // 30
console.log(cal(37, 24, minus)); // 13