02. Function / 매개변수와 인자

김태영·2021년 11월 11일
0

JavaScript

목록 보기
2/4

function의 구조

function people(name) {   
  console.log(name); 
}  

let result = people("김개발"); 

function = 함수
sayHello = 함수명
() = 매개변수(parameter)

Tip : 매개변수(parameter)와 인자(argument)

  • 인자 : 외부에서 함수의 매개변수 자리에 들어갈 값 => "김개발"
  • 매개변수 : function people(인자 = 매개변수) 함수의 ()안에 들어온 인자 = 매개변수


function 선언방식

  1. 함수 선언문
  2. 함수 표현식
  3. 화살표 함수

1. 함수 선언문

function sayHello() {
	console.log('hello');
}

// function + 함수이름 + () + {실행할 코드}

2. 함수 표현식

let sayHello = function() {
	console.log('hello');
}

// 변수에 함수를 넣어주는 형태를 가지며, 기존 함수 선언문에서 함수의 이름을 변수의 이름으로 정한다.

* 함수 표현식은 함수이름"sayHello"가 있는 '유명 함수'와 이름이 없는 '익명 함수'가 있다.

3. 화살표 함수

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

// 화살표 함수는 function이 없어지고 => 가 추가된 함수이다.
실행함수가 한 줄일 경우 "return""{}를 생략하고"을 사용할 수 있다.

let add = (num1, num2) => num1 + num2;
profile
즐거운 개발을 위해~

0개의 댓글