자바스크립트 함수 기본편

1. 함수 선언 & 호출

// 함수 선언
function doSomething() {
	console.log('hello');
}

// 함수 호출
doSomething();

 

2. 값을 리턴하는 함수

function add(a, b) { // js는 따로 타입을 선언하지 않아도 됨!
	const sum = a + b;
    return sum; // 더한 결과를 return 키워드를 활용해서 전달
}

add(1, 2); // 를 통해 호출만 하게 되면, 아무것도 일어나지 않음

// 함수가 전달한 값을 변수에 할당한 후 출력!
const result = add(1, 2);
console.log(result);

 

3. 함수를 인자로 전달

function doSomething(add) {
	console.log(add);
}

function add(a, b) { 
	const sum = a + b;
    return sum; 
}

// 1. 인자로 add 함수 자체를 전달
doSomething(add);

// 2. 인자로 add 함수 호출
doSomething(add());

// 3. 인자로 add 함수 호출 뒤, add의 결과값 전달
doSomething(add(1, 2));

1️⃣ 인자로 add 함수 자체를 전달

2️⃣ 인자로 add 함수 호출

3️⃣ 인자로 add 함수 호출 뒤, add의 결과값 전달

 

4. 선언 & 호출 정리

• 함수에는 선언과 호출이 있다.
• 선언: 어떤 값을 전달받아올 것인지 인자들을 정의하고 나서 코드블럭을 작성한다.
• 선언만 해두면 작성한 코드블럭은 수행되지 않는다.
• 호출: 선언한 함수를 수행하기 위해서는 호출이 필요하다.
• 호출은 함수이름 옆에 괄호()를 이용해서 함수에서 정의된 인자값들을 전달하면서 한다.
  
  • 함수의 이름 자체를 인자로 전달하면, 함수 자체를 가리키게 된다.
  • 함수의 이름 옆에 다시 괄호()를 이용해서 정의된 인자 전달 후 호출하면 필요한 값을 반환받을 수 있다.

 

 

 

참고

youtube 드림코딩 by 엘리

https://www.youtube.com/watch?v=PuG2VW18O1E&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&index=14