[REACT/JS] 함수에 대하여

** 자기 공부용 및 암기용으로 포스팅하는 글 입니다.

** 정확한 정보는 보장 할 수 없으니, 참고용으로만 봐주시면 감사하겠습니다.

** 제 개인적인 생각 및 자기 암시목적으로 작성되기에 이점 양해 부탁드립니다.

 

---

들어가기에 앞서..

REACT를 사용하기 위해서 JS에 대해 알아야 할 필요가 있다. 

REACT를 잘 사용하기 위해서 기초를 공부해보자.

함수 표현식과 매개변수&전달인자 사용방식이 기존 Java와 C++과 다르므로 한번 짚고 넘어가자.

 

---

★ 알아볼 내용

1. 함수 선언 방식

2. 매개변수 & 전달인자

---

 

1. 함수 선언 방식

JS에서 함수를 선언할 때 function이라는 함수 선언문을 작성하여 정의를 해야한다.

이후 함수를 호출하며 해당 함수를 동작시키는 행위는 JAVA와 C++ 처럼 동일하게 수행할 수 있다.

// 함수선언문으로 정의한 함수
function greeting () {
	console.log('hello world')
};

greeting();

 

JS만의 함수 표현식을 통하여 아래와 같이 표현할 수 있다.

// 함수표현식으로 정의한 함수
let greeting = function () {
	console.log('hello world')
};

위 방식으로 선언 시 변수에 함수를 할당한 것과 같은 형태를 만들 수 있다.

즉. JS에서는 변수에 함수를 담을 수 있다.

---

2. 매개변수 & 전달인자

함수의 매개변수에 전달인자를 제공하는 방식은 JAVA와 C++ 방식과 비슷하다.

 

그러나 JS에서는 특이하게 하나의 함수가 매개변수가 3개지만 전달인자를 1개 또는 2개만 제공하여도 소스가 정상적으로 돌아가며, 제공받지 못한 매개변수는 undefind 처리가 된다.

또한 위에서 말했듯 변수에 함수를 담을 수 있는데 전달인자를 통해 다른 함수를 전달 할 수도 있다.

function getUserName (user1, user2) {
	console.log(user1);
	console.log(user2);
};

getUserName('kimcoding'); // 'kimcoding' undefined