함수, 화살표 함수

김혁중·2022년 3월 1일
0

JavaScript

목록 보기
4/23

1️⃣ 함수

  함수     함수명  매개변수
function sayHello(name) {
  console.log(`Hello, ${name}`)
}

sayHello('joong') // Hello, joong
  • 매개변수: parameter, 함수의 정의에서 전달받은 인수를 함수 내부로 전달하기 위해 사용하는 변수, name
  • 인수: argument, 함수가 호출될 때 함수로 값을 전달해주는 값, 'joong'

2️⃣ 함수 선언문

function sayHello(name) {
  console.log(`Hello, ${name}`)
}

2️⃣ 함수 표현식

let sayHello = function(name) {
  console.log(`Hello, ${name}`)
}

2️⃣ 비교

  • 함수 선언문: 어디서나 호출 가능
  • 함수 표현식: 코드에 도달하면 생성

3️⃣ 화살표 함수

  • 함수 표현식에서 function 삭제, => 추가
let add = function(num1, num2) {
  return num1 + num2
}

let add = (num1, num2) => {
  return num1 + num2
}

4️⃣ 코드 본문 한 줄

  • {} => (), return 생략
let add = (num1, num2) => (
  num1 + num2
)

4️⃣ return 문 한 줄

  • () 생략
let add = (num1, num2) => num1 + num2

4️⃣ 인수 한 개

  • () 생략
let sayHello = name => `Hello, ${name}`
profile
Digital Artist가 되고 싶은 초보 개발자

0개의 댓글