[Javascript] Function 기초활용

자바스크립트에서 Function은 자바에서 메소드와 유사한 쓰임을 보인다.

너무 팡션? 사용 하지 마세요.

JS에서는 많이 쓰인다. 

 

펑션은 특정기능을 수행하기 위한 코드의 집합이다. 메소드처럼 호출되어야 작동한다.

일반적으로 function 키워드를 사용하여 선언된다.

function [함수명](매개변수){기능 로직}의 구조로 작성되며 return 키워드로 함수의 종료시점을 지정할 수 있다.

 

바로 활용해보자.

herName을 매개변수로 받는 callHerName이라는 함수를 만들어줬다. 

일단 라인60에서 her는 김민수로 선언해줬고, 63에서는 차후 테스트를 위해 hisName을 홍길동으로 선언했다.

정상적으로 동작한다면 콘솔창에

ur name: 매개변수

ur another name: 김민수

가 출력이 되어야할 것이다.

라인 68에는 은솔이라는 이름을 넣어줬고 70에는 her 변수를 넣어줬다.

정상적으로 출력된다.

 

한가지 궁금했던건 함수 내부에 선언된 hisName을 사용할 수 있는가였다. 

callHerName(hisName); 을 작성하여 돌려보니 hisName 변수를 찾을 수 없다는 참조에러가 뜬다. 

몇가지 더 시도해봤으나 동일하게 함수 내부에 선언된 변수를 찾을 수 없다고한다.

현시점에선 불가능한 것으로 추정된다. 

 

당연하지만 이미 작성된 함수를 다른 함수 내에 호출하여 사용할 수도 있다.

 

- Arrow Function이라는 것도 있다. 가독성은 낮으나 코드량을 줄일 수 있고 표현식처럼 사용할 수 있다는 장점이 있다.

라인14-17에서 arrowFunc 함수를 정의했다. 매개변수 두가지를 더한 값을 반환하는 함수다.

라인19는 같은 기능이지만 더 간단하다. 

라인 21, 22에서 각각 1,5를 매개변수로 주고 돌리면

같은 결과가 나온다.